.informacion{width:700px; display:table; margin:0px auto 0px auto; color:#4C575E; padding-top:70px; font-family: 'Montserrat', sans-serif;}
.informacion .logo{width:120px; display:block; position:absolute; right:20px; top:20px;}
.informacion .logo img{width:100%;  border-radius:4px;}
.informacion .contenido{width:100%; display:table; float:left;}
.informacion .header{position:relative; width:100%; display:table; margin-bottom:40px;}
.informacion .header .fondo img{width:100%; border-radius:10px 10px 0px 0px;}

.informacion .contenido h2{font-size:28px; font-weight:700; margin-bottom:30px; text-align:center;}
.informacion .contenido p{font-size:16px; font-weight:300; margin-bottom:20px; text-align:center;}
.informacion .contenido p b{font-weight:600;}
.informacion .contenido p b.roja{color:#9E1A1A;}


.informacion .contenido .contacto{ text-align:left; font-weight:500; width:500px; margin:0px auto 10px auto;}
.informacion .contenido .contacto.c2{margin-bottom:30px;}
.informacion .contenido .contacto img{width:24px; margin-right:10px;}

@media only screen and (max-width:900px) {
  .informacion{width:85%;}
}

@media only screen and (max-width:750px) {
  .informacion{padding-top:40px;}
  .informacion .logo{width:70px; right:10px;}
  .informacion .contenido p{font-size:14px;}
  .informacion .contenido .contacto{width:440px;}
}

@media only screen and (max-width:550px) {
  .informacion .logo{width:60px; right:10px;}
  .informacion .contenido .contacto img{width:20px; margin-right:5px;}
}

@media only screen and (max-width:500px) {
  .informacion .contenido h2{font-size:22px;}
  .informacion .contenido .contacto{width:270px; font-size:12px;}
  .informacion .contenido .contacto span{display:none;}
}

@media only screen and (max-width:400px) {
  .informacion .logo{width:50px;}
}