@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');

*{ padding: 0; margin: 0; box-sizing: border-box;    max-width: 100%;}

body{ font-family: Arial; background-color:  #efead7;}
header { color: #e63a3a; padding-bottom: 3%;background-color: #efead7; padding-top: 3%; }
main section article{ }

.fondo {  background-image: url(../fondo2.png);background-size: contain; background-repeat:no-repeat; background-size: 100%;  margin:auto;  width: 100%; height:40rem;}

/*Menu*/
.nav { display: inline-flex;background: #e63a3a; padding: 1%; color: #1b201f; text-decoration: none;   font-family: 'Open Sans Condensed', sans-serif;  font-weight: 700; text-align: center;color:00000; width: 100%;}


.inicio {display: inline-block;text-decoration: none; font-size: 1rem; color: #efead7;text-align: center; width: 25%;}
.mapa {display: inline-block;text-decoration: none; font-size: 1rem; color: #efead7;text-align: center;width: 25%;}
.plan {display: inline-block;text-decoration: none; font-size: 1rem; color: #efead7;text-align: center;width: 25%;}
.tp {display: inline-block;text-decoration: none; font-size: 1rem; color: #efead7;text-align: center;width: 25%;}


.link-activo { color: #efead7; background: #024242;  font-weight: 700;}





h1 {font-family: 'Open Sans Condensed', sans-serif; font-size: 2rem; font-weight: 700; text-align: center;}
h2 {font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2rem; font-weight: 700; text-align: center; color: black; padding: 1%; padding: 2%; }
h5 {font-weight: 700; font-size: 1rem; text-align: left; color: #efead7;margin-bottom: 5%; }
h5 {font-weight: 700; font-size: 1rem; text-align: left; color: #e63a3a;margin-bottom: 5%; }
h6 {font-weight: 700; font-size: 2rem; text-align: center; color: #e63a3a;margin-bottom: 5%;}




.fotoindividual {display: block; border-radius: 100%;padding: 5%; margin:auto;width: 50%; }

.materias {font-size: 0.8rem; font-weight: 700; text-align: center; padding: 5%;}





/*footer*/
footer{ background: #1b201f; padding: 1rem; }
footer p{ font-size: 0.8rem; color: #efead7;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; text-align: center;}









/* Condicionales pantalla pc*/

@media screen and (max-width: 48rem) {width: 100%; }
@media screen and (min-width: 48rem) { 
    
    .columnas {display: inline-flex; width: 80%; margin-left: 8%;}
    .fotoindividual {display: block; border-radius: 100%;padding: 5%; margin:auto;width: 30%; }
    .materias {font-size: 1rem; font-weight: 700; text-align: center; padding: 5%; width: 30%;}