/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html { height:100%;}
body {padding:0; margin:0; background-color: rgb(0,0,0); background-image:url(/wp/wp-content/themes/coyam-01/img/coyam.jpg); background-attachment:scroll; background-position:top left; background-size:cover; background-repeat:no-repeat; color:#f8f4e6; font-family: 'Cardo', Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:100; height:100%; letter-spacing:1px;}
div.text-container { margin-top:10%; background-attachment:scroll; background-position:left top; background-repeat:no-repeat; background-image:url(/wp/wp-content/themes/coyam-01/img/bg-text-container.png); padding-top:40px;}
div.text-container p { font-size:28px; line-height:150%;}
h2 { margin-top:20%; padding-top:20px; padding-bottom:20px; font-size:28px; font-weight:normal; width:164px; border-bottom:2px #d1a948 dotted; border-top:2px #d1a948 dotted; display:inline-block;}
footer a { padding-left:45px; background-attachment:scroll; background-position:left center; background-repeat:no-repeat; color:#f8f4e6; font-size:14px; background-image:url(/wp/wp-content/themes/coyam-01/img/contact.png); text-decoration:none; display:block; padding-top:15px; padding-bottom:15px;}
footer a:hover {color:#f8f4e6; text-decoration:none;}

/* Large desktop */
@media (min-width: 1200px) { 



}

/* Desktop 1024 */
@media (min-width: 980px) and (max-width: 1199px) { 


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

body { background-size:cover; background-position:-120px 0;}

}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 

body { background-size:cover; background-position:-480px 0;}
div.text-container p { font-size:18px;}
h2 { font-size:18px;}
footer a { font-size:12px;}

}

/* Landscape phones and down */
@media (max-width: 480px) {

body { background-size:cover; background-position:-480px 0;}
div.text-container p { font-size:18px;}
h2 { font-size:18px;}
footer a { font-size:12px;}

}