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


@import url("https://use.typekit.net/tli0wsh.css");

p {font-size:1.2em;}

.content_topper {padding:20px; margin-bottom:20px; background-image:url('../images/samford-lawn.jpg'); background-size: cover; background-position: center center;}
.content_topper .blu-bar {background-color:rgb(3,36,77,0.8); position: absolute; bottom: 0; left: 0; right: 0; padding: 1%; font-family: sweet-sans-pro,sans-serif;}
.content_topper .blu-bar .page-title {font-size:1.5em; font-weight:600; color:#fff; letter-spacing: 1px; text-transform: uppercase;}
.col-12.news-container{display: block;position: relative;width: 100%;}
.col-4.news-story{display: inline-block; position: relative; width: 30%;margin: 0 1.5%;;}
.col-4.news-story img {display: block;position: relative; width: 100%;border: 1px solid #03244d;}

.image img {width:100%;}
	
	
	.index .content-box-02 {background-color:#48709e; color:#fff; padding:2% 4%;}
	.index .content-box-03 {background-color:#f68026; color:#03244d; padding:2% 4%;}
	
	.index .title-01 {font-weight:600; font-size:1.4em; font-family: sweet-sans-pro,sans-serif; text-align: center;}
	.index .title-02 {font-size:1.4em; font-weight:600; text-align: center;}
	.index .row02 {background-color:#eaeaea;}
		
	@media (min-width:768px) {
		.index .intro-text {background-color:rgb(3,36,77,0.8); color:#fff; margin:2% auto;}
		.index .intro-text p {line-height: 1.65;}
		.index .content-box p {font-size:1.3em;}
		.index .title-01 {font-size:1.75em;}
		.index .row02 .content_container .content-box-02 {font-size:1.3em;}
		.index .title-02 {font-size:1.6em;}
		.index .row03 .title-01 {margin:3%;}
		.col-4.news-story{display: inline-block; position: relative; width: 30%;margin: 0 1.5%;;}
		.col-4.news-story img {display: block;position: relative; width: 100%;border: 1px solid #03244d;}
	}
	
	@media (min-width:992px) {
		.index .intro-text {text-align: center; padding:4% 7%;}
		.index .title-01 {font-size:1.9em; font-weight:900;}
		.index .title-02 {font-size:1.75em; padding:4% 0px;}
		
		}
	
	@media (min-width:1200px) {
		.index .title-01 {font-size:2.75em;}
		.index .title-02 {font-size:2.15em; padding:4% 0px;}
		.index .row01 {background:url("../images/aerial-photo.jpg"); background-size: cover; background-position:center center;}
		.index .row02 .content_container {padding:6% 2%;}
		.index .row02 .content_container {display:table; width:100%;}
		.index .row02 .content_container .content-box {display:table-cell; vertical-align: middle; float:none;}
		.index .row02 .content_container .content-box-02 {position:absolute; right:2%; bottom:0; text-align: center;}
		.index .row03 {padding:6% 2%;}
		
		
		.row03 .content_container {max-width:none; display:table; width:100%;}
		.row03 .content_container [class*="col-"] {display:table-cell; vertical-align: middle; float:none; color:#03244d;}
		.row03 .arrow {opacity:.1;}
		
		/* .index .row03 .content_container {display:table; width:100%;}
		.index .row03 .content_container .content-box {display:table-cell; float:none; vertical-align: middle;} */
	}

@media (min-width: 768px){
.content_topper {min-height:250px;}
}

@media (min-width: 992px){
.content_topper {min-height:300px;}
.content_topper .blu-bar .page-title {font-size:1.75em;}
}

@media (min-width: 1200px){
.content_topper {min-height:400px;}
.content_topper .blu-bar .page-title {font-size:2.25em;}
}