@charset "utf-8";
/* CSS Document */
header {border-bottom:3px solid #cc4e0b;}
.header_secondary {display:none;}
.image img {width:100%;}
.content_topper {background:url("../images/background-aerial-01.jpg"); background-size:cover; background-position: left center; display:table; width:100%; background-color:#03244d;}
.content_topper .content_container {display:table-cell; vertical-align: middle;}
.content_topper .content_container .content {position:relative; font-family: sweet-sans-pro,sans-serif; color:#fff; text-align: center;}
.page-title {font-size:1.5em;}
.content_topper .screen {position:absolute; top:0; bottom:0; left:0; right:0; background: rgb(3,36,77, 0.75);}

.content_topper .arrow {position:absolute; top:0; bottom:0; left:0; width:35%;background:url("../images/arrow-vert-black.png"); background-position:center center; background-size:cover; opacity: 0.5;}	
.page_content .content_row .content_container {padding:1% 5%;}



.button {text-align: center; padding:1%;}
.button a.btn {background-color:#eaeaea; color:#03244d; font-size:1.3em; font-weight:900; font-family: sweet-sans-pro,sans-serif; margin:0px auto; min-width:80%; padding:2%;}
.index .row01 .content_container {}
.index .row01 .content_container .text {margin:5% auto; font-size:1.2em;}
.index .row01 .current-progress {background-color:#425b7a; color:#fff;}

.index .row02 [class*="col-"] {padding:5%;}
.index .row02 [class*="col-"] .btn {width:100%; white-space: normal; padding:20% 0px; background-color:#03244d; color:#fff; font-size:1.5em; font-weight:600; font-family: sweet-sans-pro,sans-serif; }

.index .row02 [class*="col-"] a.btn:hover {background-color:#cc4e0b;}
.index .row02 [class*="col-"] a.btn:focus {background-color:#cc4e0b;}

.page .row01 .content_container {border-bottom:1px solid #cc4e0b;}

.page .row01 .page-title {color:#03244d;}
.page .sub-title, .page .group-title {font-family: sweet-sans-pro,sans-serif; font-weight:600;}
.page .group-title {color:#cc4e0b;}



@media (min-width:768px) {
	header {border-bottom:0px;}
	.content_topper .content {padding: 0px 20%;}
	.page-title {font-size: 2em; font-weight: 600;}
	.button a.btn:hover {background-color:#cc4e0b; color:#fff;}
	.button a.btn:focus {background-color:#cc4e0b; color:#fff;}
}

@media (min-width:1200px) {
	.content_topper .content {padding: 0px 30%;}
	.page-title {font-size: 3em; font-weight: 900;}
}