@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300&display=swap');

*{padding: 0%; margin: 0%; box-sizing: border-box;}
body{background: rgb(240, 234, 234); font-family: 'Nunito', sans-serif; padding: 1.5rem; margin: 0.2rem;}
header {background: rgb(177, 181, 192); font-family: 'Nunito', sans-serif; text-align: center; padding: 0.1rem;} 
h1{color: rgb(87, 75, 79); font-family: 'Nunito', sans-serif; font-size: 2.2rem; margin: 1rem;}
h2{color: rgb(141, 98, 135); font-family: 'Nunito', sans-serif; font-size: 1.1rem; text-align: center; margin: 1rem;}
h3{color: grey; font-family: 'Nunito', sans-serif; }
footer p{color: rgb(190, 183, 183); background: rgb(52, 54, 54); font-size: 0.8rem; text-align: center; font-family: 'Nunito', sans-serif; padding: 0.5rem;}

.mapa{background: rgb(180, 155, 180); color: rgb(255, 255, 255); padding: 0.5rem; font-family: 'Nunito', sans-serif; font-weight: bold; font-size: 1rem;}
.integrantes{background: rgb(189, 183, 183); color: black; padding: 0.5rem; 
	font-family: 'Nunito', sans-serif; font-weight: bold; font-size: 0.8rem}

.mifoto {border-radius: 50%; }

/* DATOS FACULTAD */ 
.seccion-catedra{width: 100%;  display:flex flex; flex-direction: row; justify-content: space-around; background: #ffffff;}
.catedra{ padding: 2%; margin: 0rem; width: 100%;  }
.universidad{ padding: 2%; align-content: center; margin: 0rem; width: 100%;}
.logos{ padding: 2%; align-content: center; margin: 0rem; width: 25%; }

.link{text-decoration: none; font-family: 'Nunito', sans-serif; font-weight: bold; padding: 0.3rem; }

/* media querry es para diferentes formatos de dispositivos (version grande)*/

@media (min-width:576px) {
body {background: rgb(213, 213, 224); float: none;  padding: 0.5rem; text-align: center;}
/* flexbox.help/ para ver ubicacion columnas */
section article {width: 48%;}
section {display: flex; justify-content: space-around; margin: 0 0 0 1rem; text-align: left; padding: 1rem;}
.seccion-catedra {background: #ffffff; margin: 0rem; width: 100%; padding: 0rem;}
.logos {object-fit: cover; object-position: center; height: 14rem}
}