@import url('//fonts.googleapis.com/css?family=Roboto:400,300,500,700,900');
@media all {
html { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 97%; }
h1, h2, h3, h4, h5 { font-family: Roboto, Arial, Helvetica, sans-serif }
main a[href]:hover { color: rgb(193, 120, 104); }
main { color: #2f2f2f }
main a[href] { color: rgb(152, 65, 45); }
header { color:rgb(121, 110, 91); }
body { background-color: rgb(37, 37, 37); }
footer { color:rgb(218, 213, 204); }
ul.boxList .box i.fa { color: rgb(64, 64, 64); }
section.boxes { background-color: rgb(255, 255, 255); }
ul.boxList .box { background-color: rgb(152, 65, 45); }
ul.boxList .box i.fa { background-color: rgb(251, 251, 251); }
ul.boxList .box { color: rgb(255, 255, 255); }
.pageBannerText { background-color: rgba(255, 255, 255, 0.86); }
h2 { color: #161616 }
h1, h2, h3 { font-weight: 300; }
h1{ color: rgb(22, 22, 22) }
h3{ color: #161616 }
#mainNav a:hover { color: rgb(255, 255, 255); }
#mainNav a, #mobileNav a { color: rgb(255, 255, 255); }
#mainNav, #mobileNav { background-color: rgb(136, 118, 81); }
#mainNav a:hover { background-color: rgb(154, 132, 86); } 
#mainNav a.active, #mobileNav a.active { background-color: rgb(113, 98, 68); }
#quickNav a { color: rgb(152, 65, 45); }
#quickNav a:hover { color: rgb(198, 112, 92); }
section.importantInfo { background-color: rgb(130, 54, 37); }
section.importantInfo { color: rgb(234, 227, 211); }
}
@media all and (max-width:1200px) {
html { font-size: 92.15%; }
}
@media all and (max-width:1024px) {
html { font-size: 87.3%; }
}
@media all and (max-width:960px) {
html { font-size: 82.45%; }
}
@media all and (max-width:768px) {
html { font-size: 77.6%; }
}
@media all and (max-width:767px) {
html { font-size: 72.75%; }
}