@charset "UTF-8";
/* CSS Document */

html, body{
	height: 100%;
}


#founder_single{
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 250px;
}
#founder_single .container-col-50 {
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	padding: 0;
}
#founder_single .image-block {
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
}
#founder_single .photo{
	position: absolute;
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	padding-top: 250px;
}
#founder_single .photo .image{
	position: relative;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	
}

#founder_single .info{
	position: relative;
	width: 50%;
	left: 50%;
	height: 100%;
	padding: 0 15px;
	font-size: 12px;
	line-height: 16px;
}
#founder_single .info .info-inner {
	width: 90%;
}
#founder_single .info .job {
	font-size: 16px;
	line-height: 16px;
}

#founder_single .head-name-single .name {
	font-size: 20px;	
	line-height: 24px;
}
#founder_single .head-name-single {
	position: relative;
	padding-left: 10px;
}
#founder_single .head-name-single:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 4px;
	left: 0;
	height: 16px;
	background-color:#e4625a;	
	width: 1px;
}

#founder_single .info .description{
	overflow: scroll;
	position: relative;
	height: 80%;
	height: 580px;
	padding-right: 15px;
}

.single_title{
	position: absolute;
	left: 0;
	top: 150px;
	width: 100%;
	z-index: 10;
}
.single_title .back_button{
	margin-bottom: 10px;
}

#footer{
	margin-top: 0;
}

html{
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 0px; /* Margin bottom by footer height */
}
.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: auto; /* Set the fixed height of the footer here */

}
.single-fundador #menu_bar{
	background-color: #424747;
}

@media (max-height:1000px) {
	#founder_single .info .description {
		height: 480px;
	}
}
@media (max-height:880px) {
	#founder_single .info .description {
		height: 400px;
	}
}
@media (max-height:780px) {
	#founder_single .info .description {
		height: 300px;
	}
}

@media(max-width:992px){
	#founder_single .photo{
		width: 60%;
	}
	#founder_single .info{
		width: 40%;
		left: 60%;
	}
}

@media(max-width:767px){
	#founder_single{
		height: auto;
		padding-top: 100px;
	}
	.single_title{
		position: relative;
		top: 0;
	}
	#founder_single .photo{
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 0;
		padding-bottom: 30px;
	}
	#founder_single .info{
		position: relative;
		width: 100%;
		left: 0;
		padding-top: 50px;
		background-color: #f3f3f3;
	}
	#founder_single .info .description{
		overflow: auto;
	}
}