@charset "UTF-8";

/* Layout (global rules for all sizes) */
body{ margin: 0; padding: 0;}

header a.logo{
	display: block;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

nav{
	width: 100%;
	display: block;
	background-color: #1c3b73;
}

/* Layout Large Screens (default for older browsers) */
header { background: url(../images/banner_large.jpg) no-repeat right 0px;
	border-radius: 10px 10px 0px 0px;
}
header a.logo {
	width: 113px;
	height: 100px;
	top: 10px;
	right: 20px;
	background-image: url(../images/logo_large.png);
}

article { padding: 30px 20px 0px 20px;color: #1c3b73;}

.promo_container {
    margin: 1em 0;
	padding: 0px 20px 5px;
	display: grid;
	grid-template-columns: repeat(5,minmax(0,1fr));
	grid-gap: 16px;
}

.promo_container .promo .content {
	text-align:left;
	padding: 2px 2px 2px 2px;
}
.promo_container .promo .content .thumbnail {
	display: block;
	margin-bottom: 10px;
}
.promo_container .promo .content .thumbnail a {
	display:  block;
}


nav { top: 275px; overflow: hidden;}
nav a { margin: 2px 0px 5px 20px;}


@media screen and (max-width: 990px) {
	footer { padding-left: 20px;}
}

/* Hero Panel*/
#hero { height: 325px; position: relative; overflow: hidden;}
#hero .homepanel { width: 100%; height: 275px; position: absolute; overflow: hidden;}

#hero .homepanel .img { position: absolute; top: 0px; right: 0px;}

/*#hero .homepanel .caption { position: absolute; top: 95px; left: 0px; width: 45%; background-color: rgba(27,68,132,.50); padding: 25px 20px 15px 35px;}*/
#hero .homepanel .caption { display: none;}

/* Mobile Menu */
a.mobile_menu { display: none;}