@charset "UTF-8";

/* CSS Document */




/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* GET INVOLVED INDEX MENU */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/





.get_involved_tile_menu {
	margin: 0px 0px 0px 0%;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* GET INVOLVED TILE */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.gi_tile_wrapper {
	float: left;
	width: calc(33.3333% - 30px);
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-radius: 0px;
	border: 5px solid #ffffff;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px rgba(0,0,0,.3);
	overflow: hidden;
	position: relative;
	}


.gi_tile_wrapper:hover {
	border: 5px solid #ffcc00;
	cursor:pointer;	

}

.gi_tile_col_01 {
	background-color:#621779;
}

.gi_tile_col_02 {
	background-color:#84035e;
}

.gi_tile_col_03 {
	background-color:#b70046;
}

.gi_tile_col_04 {
	background-color:#eb0042;
}

.gi_tile_col_05 {
	background-color:#ff633b;
}

.gi_tile_col_06 {
	background-color:#e5b90d;
}


 @media only screen and (min-width : 1101px) and (max-width :1200px) {
.gi_tile_wrapper {
	width: calc(33.3333% - 30px);
	margin: 10px 10px 10px 10px;
	border: 5px solid #ffffff;
}
}

 @media only screen and (min-width : 961px) and (max-width :1100px) {
.gi_tile_wrapper {
	width: calc(33.3333% - 26px);
	margin: 8px 8px 8px 8px;
	border: 5px solid #ffffff;
}
}

 @media only screen and (min-width : 601px) and (max-width :960px) {
.gi_tile_wrapper {
	width: calc(50% - 22px);
	margin: 6px 6px 6px 6px;
	border: 5px solid #ffffff;
}
}

 @media only screen and (min-width : 1px) and (max-width :600px) {
.gi_tile_wrapper {
	width: calc(80% - 22px);
	margin: 6px 10% 6px 10%;
	border: 5px solid #ffffff;
}
}



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* GET INVOLVED TILE IMAGE */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/


.gi_tile_img_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	position: relative;
	font-size: 0;
}



.gi_tile_img_outer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	width: auto;
	font-size: 0;
}

.gi_tile_img {
	text-align: center;
	max-width: 100%;
	height: auto;
	width: auto;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* GET INVOLVED TEXT */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.gi_tile_text_box_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	text-align: center;
	height:70px;
	position: relative;
}




.gi_tile_text_box {
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 0px 12px;
	width: calc(100% - 24px);
	display: table; 
	height:67px;
	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 25px;
	line-height: 27px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	letter-spacing:-0.75px;
}

.gi_tile_text_box p {
   display: table-cell; 
   vertical-align: middle; 
   text-align: center; 
}


 @media only screen and (min-width : 601px) and (max-width :1100px) {
.gi_tile_text_box_wrapper {
	height:62px;
}


.gi_tile_text_box {
	padding: 0px 10px 0px 10px;
	width: calc(100% - 20px);
	font-size: 20px;
	line-height: 22px;
	height:55px;
	letter-spacing:-0.5px;
}
}
 
 @media only screen and (min-width : 1px) and (max-width :600px) {
.gi_tile_text_box_wrapper {
	height:50px;
}

.gi_tile_text_box {
	padding: 0px 10px 0px 10px;
	width: calc(100% - 20px);
	font-size: 18px;
	line-height: 21px;
	letter-spacing:-0.25px;
	height:47px;
}
}