@import url("queries/leadership-queries.css");
@import url("queries/pages-default.css");

.active-about {color:#ef1c26!important;}

.redline {
	margin: 0 auto;
	position:absolute;
	bottom:-1rem;
	background:#ef1c26;
	width:125px;
	height:15px;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

/*HEADER BANNER - SLIDE*/

header {
	position:relative;
	overflow: hidden;
	background-image:url('../assets/images/banner1.jpg');
	background-position: center;
	background-attachment: scroll;
	background-size:cover;
	background-repeat: no-repeat;
	height:280px; 
	max-height:100%;
	width:100%;
}

/*MAIN*/
	
h1 {font-size:115px;color:#ef1c26;text-align:center; font-weight:300;margin-top:-1rem;}
h3 {color:#3083a7;font-weight:500;font-size:15px;margin-bottom:0px;padding-bottom:5px;}


.bold-p1, .bold-p0 {padding:1rem; margin:0 auto; text-align:center;max-width:55rem;font-size:23px;font-weight:700;text-transform: uppercase;}

.bold-p0 { color:#121212;}


.intro {padding:1rem;}

.redline {
	margin: 0 auto;
	position:absolute;
	bottom:-1rem;
	background:#ef1c26;;
	width:125px;
	height:15px;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

#info-container {
	margin:0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0px;
	grid-auto-rows: minmax(100px, auto);
	justify-items: center;
	padding-bottom:3rem;
	position:relative;
	max-width:70rem;
}


.profile-img {margin:0 auto;border-bottom:10px solid #ef1c26; max-width:280px; } 

.con-3 img {max-width:100%;height:auto;text-align:center;}

.con-2, .con-3, .Profiles  {margin:0 auto;text-align:left; max-width:20rem;}

.con-2 p, .con-3 p, .Profiles  p {font-weight:700;margin:0 auto;line-height:1.3rem; font-size:13px;margin-top:10px;}

.con-14  p {font-weight:700;margin:0 auto;line-height:1.3rem; font-size:13px;margin-top:10px;}

.con-2 span, .con-3 span, .Profiles span {font-weight:300;margin-top:20px;font-size:15px;color:#121212;opacity:.8;}

.con-8 span {margin-top:.5rem;}

.con-1 {
	grid-column:1/4; 
	grid-row:1;
	text-align:center;
	max-width:60rem;
	margin:0 auto;}

.con-1 p {margin-top:-2rem;}

.con-2 {
	grid-column:1/4; 
	grid-row:2;
	text-align:justify;
	font-size:18px;
	max-width:70rem;}

.con-2 h2 {font-size:60px;}


.con-3 {
	margin:0 auto;
	grid-column:1/4; 
	grid-row:4;
}


.con-10 { 
	grid-column:1/3; 
	grid-row:1; 
	text-align:center;
	max-width:50rem;
	font-size:18px;
	font-weight:300;}

.con-11 { 
	grid-column:1/3; 
	grid-row:2;}


#info-container2 .con-11{margin-top:-5rem;}
#info-container2 .con-12{margin-top:-5rem;}
#info-container2 .con-13{margin-top:-5rem;}

#grid-container2 {background:white;}

#info-container2 {
	margin:0 auto;
	background:white;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
	justify-items: center;
	align-items: center;
	padding-top:3rem;
	text-align:center;
}

#info-container2 h5 {font-weight:500;color:#ef1c26;font-size:20px;}

.header-two {font-size:65px;text-align:center; color:#ef1c26;font-weight:200; padding:0; margin:0;}


/*INTERNET EXPLORER QUERIES*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {	
	
/* IE10+ CSS styles go here */
	
	
#grid-container{
	margin:0 auto;
	display: -ms-grid;
	display: -ms-flexbox;
	-ms-grid-columns: 1fr 1fr 1fr; 
    -ms-flex-pack: center;
	width:75rem;
	vertical-align: center;
}
	
.intro {margin:0 auto;}
	

#grid-container .con-3 {display:block;}
	
.Profiles  {
	margin:0 auto;
	display:inline-block;
	vertical-align: top;
	margin-left: auto;
    margin-right: auto;
    -ms- left: 0%;
    right: 0;
	position:relative;
	margin:25px;
	}
	

#info-container2 {height:600px;}	
#info-container2 .con-11{display:inline-block;}	

.con-12, .con-13 {padding-top:8rem;width:30rem;}	
.con-12 {float:left;}
.con-13 {float:right;}	
	
	
}