/**{outline: 1px solid red;}*/
body{font-family:'Roboto', sans-serif;}
/*.navbar-fixed-top{background-color: /*rgba(255,255,255,.8);*/}*/
.navbar-default.change-color .redes-bg{visibility: hidden;}
.portada{
    width: 100%;
    height: 450px;
    background-image: url(../img/portada-convenio.jpg);
    background-size: cover;
    background-position: center;
    margin-top: 80px;
}
.portada .box-in{color:white; margin: 13% 24% 0 24%; text-align: center; border-top: 1px solid #fff; border-bottom:1px solid #fff;
padding: 0 10px;}
.portada .box-in h2{font-size: 27px; text-transform:uppercase; margin:10px 0 20px; text-shadow:1px 1px 5px #2D3129;font-weight: bold;}
.portada .box-in h4{font-size:17px; font-weight: 400; text-align: center; padding: 0 10px; text-shadow:0px 1px 1px #2D3129;}
.section-info h3{ background-color: rgb(50,57,70); padding: 12px 1em; color: white; 
    font-family:'Roboto', sans-serif; font-size: 30px; font-weight: 500; text-shadow: 0 1px 1px #000; margin: 0px 0px 15px 0px; }

.section-info{
	background-image: url(../img/fondo-bg.jpg);
  	background-size: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	width: 100%;
  	position: relative;
}
.section-info .container{padding: 30px;}
.section-info .container .convenios{height: 300px;}
.section-info .container .convenios .fa{width: 20px; font-size: 8px; color: rgb(251,65,65);padding-bottom: 12px;}

@media only screen and (min-width: 1921px ) and (max-width: 2560px){
  .portada{height: 550px;}
  .portada .box-in{ margin: 17.5% 24% 0 24%;}
}
@media (max-width: 1093px){.portada .box-in{ margin: 15% 24% 0 24%;}}
@media (max-width: 768px){.portada .box-in{ margin: 19% 24% 0 24%;}.portada .box-in h4{font-size:16px;} }
@media (max-width: 500px){.portada .box-in{ margin: 23% 20% 0 20%;}}
@media (max-width: 375px){.portada .box-in{margin: 22% 20% 0 20%;}}
@media (max-width: 320px){.portada .box-in{margin: 29% 17% 0 17%; padding: 0px;} .portada .box-in h2{font-size:1.6em;} }

@media (max-width: 500px){
  .container h3{font-size: 25px; text-align: center;}
}