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

main {
	margin:0 auto;
	background:white;
	padding:50px 0px 0px 0px!important;
	}

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

/*BUTTONS*/
.btn3 {
	background:#ef1c26;
	padding:20px 60px;
	color:#f2f2f2;
	font-size:25px;
	border-radius: 50px;
	border:1.5px solid #ef1c26;
	font-family: "CanlinFont-bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);transition:all 0.3s ease;}

.btn3:hover {background:transparent;border:1.5px solid #f2f2f2;transition:all 0.2s ease;}

	
/*HEADER BANNER - SLIDE*/

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


.indentme { text-indent: 2rem; }
	
h1 {font-size:95px;color:#ef1c26;text-align:center; font-weight:300; padding:0; margin:0;margin-bottom:3.5rem;}

#grid-container {	
	background:#222a30;
	background-image:linear-gradient(to bottom , #283239, #222a30, #1c2227);}
}


.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;}


article.intro {margin:0 auto;}

.con-2, .con-3 {margin:0 auto;max-width:30rem;} 

.intro {padding:1rem 1rem 3rem 1rem;}

#info-container {
	margin:0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
	justify-items: center;
	align-items: center;
	position:relative;
	max-width:75rem;
	color:white!important;
	padding-top:3rem;
	padding-bottom:3rem;
	background-attachment: fixed;
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
}

#info-container h2 {margin-bottom:-3.5rem;}

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

.con-2 {text-align:justify;font-size:18px;}

.con-2 p {margin-bottom:3rem;}

.con-2 .btn3 {margin:0 auto;margin-left:10%;display:inline-block; color:white;font-size:20px;}
.con-2 .btn3:hover {background:transparent;border:1.5px solid white;transition:all 0.2s ease;}

.con-3 {text-align:center;position:relative;}
.con-3 p {font-size:28px;}

.con-4 { padding-top:5rem;text-align:center;max-width:65rem;font-size:18px;font-weight:300;}

.con-4 p:first-of-type{}
.con-4 p:nth-of-type(2){margin:0 auto;max-width:50rem;padding:2rem 0rem;font-size:30px;line-height:2.5rem;text-align:center;}

.con-4:last-of-type {text-align:left;}
.con-4 img {padding:3px;margin-bottom:2rem;}

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

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


span.quote {
	font-size:200px;
	font-family: "CanlinFont-bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color:#ef1c26;
	position:absolute;
	}

span.quote:first-of-type {left:-3rem;top:-5rem;}
span.quote:last-of-type {right:-3rem;bottom:-7rem;}


#community-grid {
	margin:0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(100px, auto);
	justify-items: center;
	align-items: center;
}

#community-grid img {max-width:100%;height:auto;}
/*FOOTER*/

/*INTERNET EXPLORER QUERIES*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {	
	
/* IE10+ CSS styles go here */
main h1 {margin-top:3rem;}	
	
#grid-container {height:800px;}	
	
	
.con-2 {float:left;}
.con-3 {
	padding-top:10%;
	float:right;}	

.con-3 span:first-of-type {padding-top:25%;}	

.con-4 #community-grid {margin:0 auto;margin-bottom:2rem;}
.con-4 #community-grid img {margin:0 auto;width:320px;height:auto;padding:0;margin:0;}	
	.con-4 #community-grid img:first-of-type {margin-left:2rem;}	
	
}