*{margin:0px; padding: 0px;}
body{font-family: 'Montserrat', sans-serif;}
/*Menú*/
.navbar{font-size: 1rem}
link:focus,.navbar-dark .navbar-nav .nav-link{color: rgba(255,255,255,1);font-weight: 500;}
.nav-link:hover {border-bottom: 2px solid white;}
.navbar-collapse{flex-grow: 0;}
.nav-link  li :hover {font-weight: bold;}
.navbar-dark {background-color: rgba(0,0,0,0.5);}
.carousel-caption h5{font-size: 33px;font-weight: 700;margin-bottom: 2%;}
.carousel-indicators{margin-bottom: 0;}
/*Nosotros*/
.portada{text-align: center;margin-top: -24.5%;padding: 0% 15% 0% 15%;color: white;}
.portada p{margin-top: 2%;font-style: italic;}
/*Áreas de trabajo*/
h1{font-weight: 800;}
#areaDeTrabajo h2{margin-top: 8%}
h2{text-align: center;margin-top: 5%;font-weight: 800;color: #444444}
h3{text-align: center;font-weight:500;color: #444444}
#areas{margin-top: 5%;}
#areas p{color:#4d4d4d;}
#areas ul{color:#4d4d4d;}
/*Convenios*/
#convenios{margin-top: 4%;margin-bottom: 4%;}
.hospital{margin-right: 3.5%;}
/*Footer*/
#contacto{background-color: #363636;padding-top: 1%}
#contacto h2{color: white;margin-bottom: 5%;margin-top: 3%;}
.info{color: white;text-align: center; margin-top: 12%;}
.info a{color: white;}
h4{font-weight: 550;}
h5{font-weight: 500;margin-top: 14%;font-style: italic;}
.redes{display: grid;grid-template-columns: auto auto;}
.redes img{width: 13%;}
.fb{text-align: end;}
.ig{text-align: start;}
.copiright p{background-color: white;margin-top: 4%;padding-top: 1%;color:#4d4d4d}
@media screen and (min-width: 370px) {
#logoM img{width: 15%;}
#logo{display:none;}
p, #areas li{font-size: 13px;}
h1, h2, h3, h4, h5{font-size: 18px;}
.navbar-toggler{display: inline-block;margin-left: 30%;}
.navbar-brand {display: contents;}
.navbar-nav{text-align: center;}
#imgPortada img{display: none}
#nosotros{background-color: #A8478F;}
.portada{padding: 6% 12% 2% 10%;}
#areas p{text-align: center;}
#areas ul{display: flex;flex-direction: column;align-items: center;}
.redes img{width: 22%;}}
@media screen and (min-width: 576px) { 
#logoM img{width: 15%;}
#logo{display:none;}
.navbar-nav{text-align: center;}
#imgPortada img{display: none}
#nosotros{background-color: #A8478F;}
#areas p{text-align: center;}
#areas ul{display: flex;flex-direction: column;align-items: center;}
.redes img{width: 19%;}}
@media screen and (min-width: 768px){
#logoM{display:none;}
#logo{display:block;width:35%;}
.portada{padding: 8% 15% 1% 15%;}
p, #areas li{font-size: 16px;}
h1, h2{font-size:  30px}
h3{font-size: 23px;}
h4, h5{font-size: 20px;}
.hospital{margin-left: 15%;}
.redes img{width: 13%;}}
@media (min-width: 992px) {
#logoM{display:none;}
#logo{display:block;width: 40%;}
#nosotros{background-color: #A8478F!important; margin-top: 0;}
.hospital{margin-left: 0!important;}}
@media screen and (min-width: 1200px) {
#logoM{display:none;}
#logo{display:block;width: 30%;}
#imgPortada img{display: block!important}
.portada{padding: 0% 15% 0% 15%;}
#nosotros{background-color: transparent!important}
#areas p{text-align: justify;}
#areas ul{display: block}
.hospital{margin-left: 0!important;}}