/* 
This is the section css for
Office of Student Connection and Belonging 
*/

#connection-belonging-home .centerContent {
    padding: 5% 10% 0;
    display: block;
    float: left;
    width: 100%;
}

#connection-belonging-home .eventsSection p.psuedoHead4 {
    text-align: center;
    padding: 0% 5%;
    display: block;
    width: 100%;
    float: left;
}

/* CARD SECTION */

#home-content .eventsSection h2{
	text-align: center;
}

#home-content .eventsSection {
	display: block;
	width: 100%;
	float: left;
	padding: 0 6% 6%;
}

#home-content .eventsSection .grid4 {
	padding: 15px;
}
#home-content .eventsSection #cardSection .card h3 {
	font-size: 1.6em;
    line-height: 1.2em;
    margin-bottom: 20px;
    margin-top: 25px;
    text-align: left;
    text-transform: uppercase;
    color: #441F49;
    padding: 0 15px;
}

#home-content .eventsSection #cardSection .card p {
    padding: 0 15px 20px;
}


#home-content #cardSection {
	float: left;
	width: 100%;
}
#home-content #cardSection .grid3{
	padding: 10px;
}
#home-content #cardSection > .row-responsive{
	display: flex;
}
#home-content #cardSection .grid4{
	padding: 10px;
}



#home-content .card{
	border: 2px solid #eee;
	border-top: 7px solid #441F49;
	background-color: #fff;
	float: left;
	width: 100%;
	height: 100%;
}

#home-content .card img{
	display: block;
}
#home-content .card .slides{
	min-height: 300px;
}



@media only screen and (max-width: 768px) {
	#home-content #cardSection > .row-responsive {
		display: block;
	}
}