@import url('https://fonts.googleapis.com/css?family=Ubuntu:300i,400,700&display=swap');


*{box-sizing: border-box;margin: 0;padding: 0}
body{ background-color: #fff; font-family: 'Ubuntu', sans-serif;;}
h1{color: #ea18bb; margin: 0 0 0 1rem}
h2{color: #AB47BC; font-size: 1rem; text-align:center; font-weight:normal; font-style:italic; margin: 2rem 0 2rem 0}
h3{color:#333333; font-size: 1.5rem ;text-align: center; margin: 0 0 1rem 0 }
a{color: #727272; text-decoration: none}
h1 a{color: #ea18bb}
p{color: #727272; font-size: 1rem}


header img{max-width: 100%; display:block; margin: auto}
section article img{max-width: 100%; margin: auto}

footer p{font-size: 0.7rem; color: #999999; text-align: justify; margin: 1rem}
.contenedor{max-width:100%;display: flex;
justify-content: space-between;flex-wrap: wrap; align-items: center; background: #000; margin: auto; height: 4rem}
.contenido{max-width: 67rem;margin: auto;}
p a{color: #727272;}

.destacado{color: #9c5ee5; font-size: 3rem;font-weight: 700; margin:0 0 0 1rem}
.subtitulo {font-weight: bold;}

.academico{background-color: #ededed; padding: 3rem; max-width: 100%}

.academico p{font-size:0.8rem}

nav ul {display: flex; padding: 0;flex-direction: row-reverse; margin: 1rem}
nav ul li{list-style-type: none; margin: 0 1rem 0 1rem}
nav ul li a{color: #fff; font-size:1rem}
nav ul li a:hover{color: #ea18bb;}

.contenido2{max-width: 80rem;margin: auto;display: flex; justify-content: space-between}

.titulo{font-weight:bold;margin:0 0 1rem 1rem; font-size:1.5rem}
.subtitulo {font-weight:bold; margin: 2rem 0 1rem 0}
.materias{display: flex;justify-content:space-between;}
.niveles{width:100%; border-right: #727272 0.05rem solid;padding: 1rem;}

.contenido2 aside{max-width:100%; margin:2rem 0 2rem 0}
.contenido2 aside article img{width:100%}

.fondogris{max-width:100%; background:#ededed}

.integrantes{max-width:100%;width:80rem;display: flex; padding: 0.2rem;margin:auto;justify-content: center; background:#ededed;}
.integrantes ul li{padding:1rem}
.integrantes nav ul li a{color:#000}
.integrantes ul li a:hover{background: #000; color:#fff}

/*Responsive mobile*/
@media all and (max-width:48rem){
	body{background: #fff}
	
	.contenedor {justify-content: space-between;flex-wrap: wrap; flex-direction: column; max-width: 100%; margin: auto;height: 6rem}
	.contenido2{max-width: 16rem;margin: auto; text-align: center;justify-content: space-between;flex-wrap: wrap; flex-direction: column; max-width: 100%;}
p a{color: #727272;}

nav ul li a{color: #fff; font-size:0.8rem}

.contenido2 aside{max-width:100%; margin:2rem 0 0 0}

.integrantes nav ul li a{color:#000; font-size:0.8rem}
.integrantes ul li a:hover{background: #000; color:#fff;font-size:0.8rem}

.contenido2 aside article img{width:60%}

.titulo{font-weight:bold;margin:0 0 1rem 1rem; font-size:1rem}
.destacado{color: #9c5ee5; font-size: 2rem;font-weight: 700; margin:0 0 0 1rem}

.materias{display: flex;justify-content:space-between; margin:0 0 1rem 0}


}