@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,300,600,700|Cinzel:400');
@media all {
html { font-family: 'Open Sans', sans-serif; font-size: 94%; }
h1, h2, h3, h4, h5 { font-family: 'Cinzel', sans-serif; }
main { color: #2f2f2f }
main a[href] { color: rgb(202, 85, 36); }
main a[href]:hover { color: rgb(230, 131, 90); }
body { background-color: rgb(69, 69, 69); }
/* Maksimale dimensioner: 350x70. Bliver automatisk skaleret. */
footer { color:rgb(255, 255, 255); }
section.boxes { background-color: rgb(255, 255, 255); }
ul.boxList .box { background-color: rgb(77, 150, 169); }
ul.boxList .box { color: rgb(255, 255, 255); }
ul.boxList .box i.fa { background-color: rgb(251, 251, 251); }
ul.boxList .box i.fa { color: rgb(114, 114, 114); }
.pageBannerText { background-color: rgba(255, 255, 255, 0.86); }
h1{ color: rgb(22, 22, 22) }
h2 { color: #161616 }
h3{ color: #161616 }
h1, h2, h3 { font-weight: 400; }
#mainNav, #mobileNav { background-color: rgb(253, 160, 43); }
#mainNav a, #mobileNav a { color: rgb(251, 251, 251); }
#mainNav a:hover { background-color: rgb(255, 175, 75); } 
#mainNav a:hover { color: rgb(255, 255, 255); }
#mainNav a.active, #mobileNav a.active { background-color: rgb(243, 142, 14); }
#quickNav a { color: rgb(204, 118, 10); }
section.importantInfo { background-color: rgb(245, 246, 248); }

main a[href] { color: rgb(204, 118, 10); }
main a[href]:hover { color: #000; }
.pageBanner > .banner { min-height:27em; height:auto; }
.pageBanner .banner .sitePart::after {  content: "";  clear: both;  display: block; }
}
@media all and (max-width:1200px) {
html { font-size: 89.3%; }
}
@media all and (max-width:1024px) {
html { font-size: 84.6%; }
}
@media all and (max-width:960px) {
html { font-size: 79.9%; }
}
@media all and (max-width:768px) {
html { font-size: 75.2%; }
}
@media all and (max-width:767px) {
html { font-size: 70.5%; }
}