.banner {
	width:100%;
	/*min-height:250px;*/
	position:relative;
	z-index:1;
	color:white;
	overflow:hidden;
	margin-bottom:30px;
	background-image:url("../images/banner.jpg?v=a");
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100% auto;
	
	/*aspect ratio: 101 : 20*/
	/*20/101=*/
	padding-top:25%;
}
@media (max-width: 1200x) {
	.banner  { min-height:200px; }
}
@media (max-width: 992px) {
	.banner { min-height:150px; }
}
@media (max-width: 768px) {	
}
@media (max-width: 680px) {
	.banner { min-height:100px; }
}
@media (max-width: 576px) {
	.banner { background-image:url("../images/banner_mobile.jpg?v=a"); min-height:450px; }
	.navbar { display:none!important; }
}
@media (max-width: 500px) {
	.banner { /*min-height:400px;*/ }
}
@media (max-width: 400px) {
	.banner { /*min-height:325px;*/ }
}
@media (max-width: 350px) {
	.banner { /*min-height:300px;*/ }
}

.navbar { background-color:#FFF; min-height:40px;  }
.navbar a { font-size:13px; text-transform:uppercase; }

.lgnbtndiv { float:right; margin-top:12px; }
.lgnbtndiv .btn { padding:10px 12px!important; font-size:12px!important; margin-top:0px!important; background-color:#000!important; text-transform:uppercase; border-radius:0px!important; }
@media (max-width: 576px) {
	.lgnbtndiv { margin-left:10px; margin-top:15px; }
	.lgnbtndiv .btn { padding:8px 10px!important; font-size:12px!important; }
	nav { min-width:250px!important; }
}