@charset "utf-8";
/* CSS Document */
body{ background:url(images/bg.jpg) repeat 0 0; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}
#wpadminbar ul:after{ clear:inherit;}
a{ color:#000;}
#navbtn{ display:none;}
.nav-menu{ }
.nav-menu li{ position:relative; float:left; }
.nav-menu li .menuarrow{ display:none;}
.nav-menu li > a{ font:normal 16px/50px Arial, Helvetica, sans-serif; color:#fff;  white-space:nowrap; display:block; padding:0 22px;}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ }
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#0089cf; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/40px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #035e8d;}

header{ background:#000;}
#navigation{ float:left;}

#banner{ height:100vh; position:relative}
.banner-text{ transform:translate(-50%, -50%); left:50%; top:50%; width:100%; text-align:center; position:absolute;}
.white-text{ color:#fff;}
.banner-text h2{ font:400 40px/44px 'Lora', serif; padding:25px 0 0; text-shadow:-1px 6px 5px #000;}
.banner-text h1{ font:400 70px/76px 'Lora', serif; padding:0 0 15px;  text-shadow:-1px 6px 5px #000;}
.logo{ width:350px; margin:0 auto;}


@media only screen and (min-width: 1399px){
.logo{ width:100%;}

.banner-text h2{ font:400 60px/64px 'Lora', serif; padding:25px 0 0; text-shadow:-1px 6px 5px #000;}
.banner-text h1{ font:400 94px/96px 'Lora', serif; padding:0 0 15px;  text-shadow:-1px 6px 5px #000;}
}

@media only screen and (max-width: 1198px) {


}
@media only screen and (max-width: 990px) {
}
@media only screen and (max-width: 740px) {
.banner-text h2{ font:400 30px/34px 'Lora', serif; padding:25px 0 0; text-shadow:-1px 6px 5px #000;}
.banner-text h1{ font:400 45px/48px 'Lora', serif; padding:0 0 15px;  text-shadow:-1px 6px 5px #000;}
.logo{ width:250px;}

}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {
.banner-text h2{ font:400 20px/24px 'Lora', serif; padding:25px 0 0; text-shadow:-1px 6px 5px #000;}
.banner-text h1{ font:400 25px/28px 'Lora', serif; padding:0 0 15px;  text-shadow:-1px 6px 5px #000;}
}