.cards-container, .home-banner, .about-container{
	width: 100%; min-height: 300px; height: auto; margin: 0;
background-color: #cccccc;
	overflow: hidden;
	display: block;
	box-sizing: border-box;
	padding-bottom: 50px !important;
}


.home-banner{ background: #eee; padding: 50px 30px 50px 30px !important;}
.inner-homebanner{
	width: 96%; margin-left: 2% !important;
	min-height: 300px;
	background: white; 
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 5px;
    font-family: var(--OPEN-SANS);

	overflow: hidden;
}

.inner-homebanner div{ 
	float: left; margin: 0 !important;  padding: 0; overflow: hidden;
	display: inline-block;
}
.inner-homebanner .left{
	width: 40%;
	float: left;
	height: 300px;
	text-align: center;
}

.inner-homebanner .left img{
	width: 100%; height: 100%;
}

.inner-homebanner .right{
	width: 60%;
	float: left;
	margin-left: 40%;
	text-align: center;
	height: 300px;
	padding: 30px !important;
	letter-spacing: 1px;
	line-height: 25px;
}



.about-container{
	background: white; padding: 50px 30px 50px 30px !important;
    font-family: var(--OPEN-SANS);
	text-align: center;
}

.inner-about{
	width: 94%; margin-left: 3% !important;
	padding: 0px 20px 0px 20px;
}

.about-container h2{
	font-size: 30px; padding: 10px 10px 30px 10px
}

.about-container p{
	font-size: 17px; line-height: 30px;
}


.cards-container .cards-head{
	width: 100%; height: auto;
	padding: 30px !important;
	text-align: center;
}

.cards-container .cards-head h2{
	font-size: 30px; text-align: center; 
	text-align: center;
    font-family: var(--OPEN-SANS);
	letter-spacing: 1px;
	display: inline-block;
	border-bottom: 2px solid #555;
	justify-content: center;
}
.inner-cards{
		width: 100%; margin: 0 !important;
		padding: 20px 20px 50px 20px !important;
}

.inner-cards  div{
	float: left; margin: .5%;
}


.inner-cards .card{
	width: 24%;
	height: 430px;
	box-sizing: border-box;
	border-radius: 3px;
	background: white;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	font-family: var(--CABIN);
	font-size: 15px;
	line-height: 20px;
	overflow: hidden;
	letter-spacing: 1px;
}


.inner-cards .card .img-card{
	width: 100%; height: 180px; text-align: center;
	padding: 10px;
}
.inner-cards .card img{
	width: 150px; height: 150px;
	border-radius: 100%;
}

.inner-cards .card-name{
	text-align: center;
	color: #2f3640;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}


.inner-cards .card-job{
	text-align: center;
	color: #555;
	font-size: 17px;
	font-style: italic;
	line-height: 30px;
}


.inner-cards .card-text{
	text-align: justify;
	font-style: italic;
	padding: 10px;
}

.inner-cards .card a{
	text-align: center;
	color: white;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	background: #1488cc;
	margin-left: 25%;
	width: 50%;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
}


.recent-cards-container{
	width: 100%; margin: 0 !important;
		padding: 20px 20px 50px 20px !important;
}
.recent-cards-container div{
	float: left; margin: 1%;
}

.recent-cards-container .card{
	width: 23% !important;
	height: 250px;
	box-sizing: border-box;
	border-radius: 3px;
	background: white;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	font-family: var(--CABIN);
	font-size: 15px;
	line-height: 20px;
	overflow: hidden;
	letter-spacing: 1px;
	display: inline-block;
}

.profiles-card-container{
	padding: 40px 40px 40px 40px !important;
	margin:0 !important;
    font-family: var(--OPEN-SANS);
	letter-spacing: 1px;
}


.profiles-card-container h2{
	font-size: 30px; text-align: center; 
	text-align: center;
    font-family: var(--OPEN-SANS);
	letter-spacing: 1px;
	display: block;
	border-bottom: 2px solid #555;
}

.recent-cards-container .card .img-card{
	width: 100%; height: 120px; text-align: center;
	padding: 10px;
}
.recent-cards-container .card img{
	width: 100px; height: 100px;
	border-radius: 100%;
}

.recent-cards-container .card-name{
	text-align: center;
	color: #2f3640;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}


.recent-cards-container .card-job{
	text-align: center;
	color: #555;
	font-size: 17px;
	font-style: italic;
	line-height: 30px;
}
.recent-cards-container .card a{
	text-align: center;
	color: white;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	background: #1488cc;
	margin-left: 25%;
	width: 50%;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
}