/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
header { background:#00a0e8; }
.site-branding img { width:auto; max-height:200px;}
.site-branding h2 { margin:0; }

.navbar { margin-bottom:0; min-height:inherit; }
.navbar ul { margin-top:0; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { 
border-radius:0 !important; }

.banner { width:100%; }
.banner .container { padding:0; margin-top:50px; }
.banner img { width:100%; padding:5px; border:1px solid #eee; }

.page-spacer { padding: 50px 0 80px; font-size:16px;}
.page-spacer img { margin:0 0 30px; }
img.alignright { margin:0 0 10px 10px; padding:5px; border:1px solid #eee;  }
img.alignleft { margin:0 10px 10px 0; padding:5px; border:1px solid #eee;  }
img.aligncenter { margin:10px 0;}

.main-nav { background:#007db5; }
.main-nav .container { padding:0;  }
.main-nav .navbar-nav > li > a { color:#eee; }


/* Sticky Header ////////////*/
.header-sticky {
    height: 160px;
    transition: all 0.9s ease 0s;
    position: fixed;
	width:100%;
	z-index:999;
	background:#2e2e2e;
}

/*//////////////////////////////////////// 
Responsive            
////////////////////////////////////////*/
@media (max-width: 1024px) {
body, html { overflow-x:hidden; }
.navbar { float:none; }
.navbar ul { margin-top:0; }
}
@media (max-width: 980px) {
.header-sticky { height:195px; }
.navbar-nav > li > a { padding:10px 13px; margin-right:0; } 
}
@media (max-width: 768px) {
.page-spacer { padding:25px;}
.navbar {  margin-top: 0; margin-right:10px; }
}
@media (max-width: 667px) {
.navbar { display:none;}
}
@media (max-width: 640px) {
.site-description { display: none;} 
.navbar ul, .navbar-nav { margin-top:0; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus, .navbar ul li a, .navbar ul li a:hover { border-radius:0;}
.navbar-nav > li > .dropdown-menu { padding:0;  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { background:#fff; border-radius:0; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color:#fff; background:#ff5722; border-radius:0; }
.site-footer p.copy, .site-footer p.develop { margin:0; padding:5px 0; float:none; text-align:center; }
.post-image {width:60%;}
}
@media (max-width: 480px) {
.navbar { margin-top:0px; margin-right:10px; }

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