.hidden-xs #site-cookie {display: none !important;}
.admin-ui-navbar, #site-cookie, .admin-ui, .admin-ui-dropdown-menu {position:relative; z-index:9999;}
.toolbar {position: relative; z-index: 9;}
.toolbar select {width: 80px;}

body {height: 100%;overflow: auto;background: #fff; font-family: 'EB Garamond', serif;color: #000; font-weight:400;line-height:1.6; font-size: 22px;}

a, img, button {outline: none !important; text-decoration: none !important;}

a {color: #ef6f01;}
a:hover {color: #000;}

h1, h2, h3, h4, h5 {font-family: 'EB Garamond', serif;} 
h1 {color: #f35718; font-size: 70px }
h2 {font-size: 26px; color: #f35718; font-weight: 500;}
h3 {font-size: 24px; color: #f35718; font-weight: 500;}
/*#content, p, td, li { font-size: 1.3em; }*/

#inner, #footer-inner {width: 1280px;margin: 0 auto 0 auto;}
#inner {background:#fff;}
#banner, #content {clear:both; float:left; width: 100%;}
#banner, #banner-image {position: relative;}
#banner-text {position: absolute; top:30%; right:0;text-align: center;}
#banner-text h1 {color:#fff;}
#banner-text h2 {color:#f35718;}
#banner-text h2 br {display: none;}
#banner img {width: 100%;}
#content {background:#fff;}
#footer-inner, #banner,#banner-image, #banner-text,#footer-left, #footer-right  {background:#000;}
#banner-image {width: 45%;}
#banner-text {width: 55%;}
#banner-image, #banner-text,#footer-left, #footer-right {float:left;}
#footer-left, #footer-right {width: 50%; }
#footer-left {}
#footer-right {}
#footer-inner {display: block; height: 70px; }
#copy, #credit {padding-top: 18px; color: #fff;text-align: center;}
#credit a:hover {color:#48464c;}


@media (max-width: 1280px) {
h1 {font-size: 60px }
#inner, #footer-inner {width: 100%;margin: 0 0 0 0;}
#banner-image{width: 35%;}
#banner-text{width: 65%; top:20%; }
}
@media (max-width: 1024px) {
 #content {}   
}
@media (max-width: 1023px) {
.fa-user {display:none;}
#inner  {margin: 0 0;}
footer {height: 70px;padding: 6px 0 0 0;}
}
@media (max-width: 992px) {
    #banner-text {right:10px;}
   h1 {font-size: 50px } 
}
@media (max-width: 768px) {
#banner-text{top:10px; }
#banner-text h2 br {display: block;}
}
@media (max-width: 767px) {
       h1 {font-size: 40px } 
footer {height: 170px; padding: 10px 0; background: #48464c;}
#footer-inner .blocks {width: 100%; display: block;}
}

@media (max-width: 680px) {
#banner-image, #banner-text {position: relative; top:0; right:0; width: 100%; clear:both; text-align: center;}
#banner-text {padding-bottom: 20px;}
#banner-image img {width:300px;} 
}

@media (max-width: 480px) {
#banner-image img {width:240px;}
#footer-inner {height:120px; padding:10px 0; line-height:1;}
#footer-left, #footer-right {width: 100%; clear:both; text-align: center;}
}

@media (max-width: 360px) {
}