@font-face {
font-family: roboto;
src: url(./fonts/roboto.ttf);
}
#info{
	color: #000;
	text-align: center;
	padding-top: 50px;
	margin-top:   26px;
	background: rgba(151,151,151,0.1);
-webkit-box-shadow: 0px 2px 0.7px 0.7px rgba(189,187,189,1);
-moz-box-shadow: 0px 2px 0.7px 0.7px rgba(189,187,189,1);
box-shadow: 0px 2px 0.7px 0.7px rgba(189,187,189,1);

}

#info h3{
	font-family: roboto Condensed;
    font-size: 36px;
    color:#002e82;
}
#info .contiene img{
	margin-top: -40px;
}

#info .contenedor{
	display: flex;
	flex-wrap: wrap;
	padding-top: 50px;
	justify-content: center;
} 

.info-mas{
margin: 50px;

}

.info-mas img{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	border: 1px solid #fff;
}

.info-mas p{
	width: 230px;
	font-family: roboto thin;
    font-size: 18px;
    padding-top: 20px;
}

.info-mas h3{
	font-family: roboto Condensed;
    font-size: 48px;
}

.info-mas .contenedor h4{

	font-family: roboto Condensed;
    font-size: 21px;
   margin-bottom: 100px; 
}

@media (min-width:480px;){
 .info-mas {
 	width: 40%;
 }

}

@media (min-width:1024px;){
 .info-footer {
 	width: auto;
 }

}