@charset "UTF-8";
/* CSS Document */

.banner-2022 {background: url('/sites/images/location-banner.jpg') no-repeat, #183344; background-color:#; background-size: contain; position: relative; min-height:380px; width: 100%}
.banner-2022 .content { position: absolute; left: 55%; top: 0; padding: 5% 5% 0% 5%; width:46%; background: none}
.banner-2022 .content .title { color: #ffffff; font-size:28px; font-weight: bold; padding-bottom:1.8%}
.banner-2022 .content .byline {font-size: 15px; color: #c4c4c4; line-height:170%; font-style: italic}


@media only screen and (max-width:1100px) {
.banner-2022 {background-size: cover; }
.banner-2022 .content { background: #183344; position: absolute; left:0%; top:380px; min-height:380px; width:100%; z-index: 10000}
.banner-2022 .content .title { color: #ffffff; font-size: 30px;}
.margin-t-special { margin-top: 360px}
}
@media only screen and (max-width:600px) {
.banner-2022 {background-size:120%;min-height:230px;}
	.banner-2022 .content { top:230px; min-height:290px;}
	.banner-2022 .content .title {font-size: 23px;}
	.banner-2022 .content .byline {font-size: 14px;}
	.margin-t-special { margin-top:270px}
}
@media only screen and (max-width:400px) {
.banner-2022 {min-height:200px;}
	.banner-2022 .content {top:200px; min-height:240px;}
	.banner-2022 .content .title {font-size: 18px;}
	.banner-2022 .content .byline {font-size: 12px;}
	.margin-t-special {margin-top: 200px}
}