/* 
This is the section css for
 
*/


/** Home Page Tiles **/

#home-content .row-responsive {
	margin: 0px;
}
#home-content #facCampServ .grid3{
	padding: 5px;
	height: 16em;

}
#home-content #mainTiles .row-responsive{
	display: flex;
	margin-top: 0px;
	margin-bottom: 0px;

}
#home-content #mainTiles .grid3{
	transition: all .2s ease-in-out;
}
#home-content .purpleBlock a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #ffe800;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

#home-content .purpleBlock{
	height: 98.5%;
	width: 100%;
	display: table;
	background-color: #382140;
	padding: 20px;
	transition: all .2s ease-in-out;
}

#home-content .yellowBlock1 a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #382140;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
#home-content .yellowBlock1{
	height: 98.5%;
	width: 100%;
	display: table;
	background-image: url(/_information/AFA/Facilities/facilities-campus-services/images/OccHealthPage.jpg);
	background-size: cover;
	padding: 20px;
	box-shadow: inset 0em 0em 575px 20px rgb(255 232 0);
	-webkit-box-shadow:inset 0em 0em 500px 200px rgb(255 232 0 / 75%);
}
#home-content .yellowBlock2 a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #382140;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
#home-content .yellowBlock2{
	height: 98.5%;
	width: 100%;
	display: table;
	background-image: url(/_information/AFA/Facilities/facilities-campus-services/images/grounds.jpg);
	background-size: cover;
	padding: 20px;
	box-shadow: inset 0em 0em 575px 20px rgb(255 232 0);
	-webkit-box-shadow:inset 0em 0em 500px 200px rgb(255 232 0 / 75%);
}
#home-content .yellowBlock3 a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #382140;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
#home-content .yellowBlock3{
	height: 98.5%;
	width: 100%;
	display: table;
	background-image: url(/_information/AFA/Facilities/facilities-campus-services/images/motor-pool.jpg);
	background-size: cover;
	padding: 20px;
	box-shadow: inset 0em 0em 575px 20px rgb(255 232 0);
	-webkit-box-shadow:inset 0em 0em 500px 200px rgb(255 232 0 / 75%);
}
#home-content .yellowBlock4 a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #382140;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
#home-content .yellowBlock4{
	height: 98.5%;
	width: 100%;
	display: table;
	background-image: url(/_information/AFA/Facilities/facilities-campus-services/images/WCU-Bus.jpg);
	background-size: cover;
	padding: 20px;
	box-shadow: inset 0em 0em 575px 20px rgb(255 232 0);
	-webkit-box-shadow:inset 0em 0em 500px 200px rgb(255 232 0 / 75%);
}

#home-content #mainTiles .grid3 :hover{
	transform: scale(1.02);
	transition: all .2s ease-in-out;
}

@media only screen and (max-width: 768px) {

	#home-content #mainTiles .row-responsive{
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;

	}
}