/* New site style sheet for ellars.com
 * Created: August 2018
 * Updated: August 2018
 */
body {
 margin: 0;
 padding: 0 30px;
 color: #633313;
 background-color: #bde;
}
#siteHead h1 {
 margin: 0;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 9999;
 border-bottom: 0.05em solid #633313;
 color: #633313;
 padding-left: 30px;
 padding-top: 1em;
 font-family: sans-serif;
 font-size: 8em;
 line-height: 0.67;
 text-shadow: 0px -0.025em 0.025em rgba(255,255,255,0.5);
 box-shadow: 0px 0px 0.1em 0 rgba(0,0,0,0.5);
 background: white url(/images/banner9478.jpg) no-repeat fixed;
 background-size: contain;
}

#breadcrumbs {
 font-family: sans-serif;
 font-size: 0.8em;
 margin-top: 18.8em;
 text-transform: uppercase;
 letter-spacing: 0.1em;
}

ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
li {
 margin: 0;
 padding: 0;
}

@media screen and (max-width: 800px) {
 #siteHead h1 { font-size: 4em; padding-top: 0.8em; }
 #breadcrumbs { margin-top: 8.5em; }
}
@media screen and (max-width: 540px) {
 #siteHead h1 { font-size: 2em; padding-top: 0.6em; }
 #breadcrumbs { margin-top: 4em; }
}
