*{ box-sizing:border-box; margin: 0; padding: 0;}

/* Estilos Generales */
body{
    background: #f9f1fc;
    font-family: "Century Gothic";
    font-weight: 300;}

a{text-decoration: none;}

header{
    display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
}
/*header*/
header{
    margin:auto;
    background-color: #faff7b}

header img{
    margin: auto;
    width: 150%;
    max-width: 1200px;}


/*Estilos de nav*/
nav {
    text-align: center;
    background-color: #c081d8;
    padding: 1rem 0rem 1rem 0rem}

nav ul li {
    list-style-type: none;
    display: inline-block
}

nav ul li a {
    text-decoration: none;
    font-size: 1.2rem;
    color: white;
    padding:1rem 4rem 1rem 4rem;
    font-weight: 300} 

div{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	align-content: stretch;
}


.team {
    display: inline-block;
    flex: initial;
    font-size: 1.5rem;
    padding:1rem 4rem 1rem 10rem; }

.team p {color: #480a31;}

.foto{
    max-width: 100%;
    width: 250px;
    height: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;}

h2 {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 4rem; 
    color: #93e5cc}

h3 {
    justify-content:space-between;
    text-align:center;
    font-size: 2rem;
    color: #81309a}

h4 {font-weight: bold;
    margin: 1.5rem 0 0 0;
    text-align: left;
}

.materias{
    display:flex;
    justify-content:space-between; 
    text-align:right;
    
}
.materias article {  padding: 0.5rem;}
p{
    text-align: left;
    font-size: 0.9rem;

}

/*Estilos descripcion */

/*footer*/
footer{
    background-color: #9ff8c5;
    color: #070004;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    margin-top: 2 rem
}

.datos_obligatorios {
    max-width: 1200px;
    color:#070004;
    text-align: center;
    padding: 5rem 2rem 3rem 2rem;
    font-size: 0.8rem
}



@media all and (max-width: 700px) {

.team{font-size: 1rem;
    display: block;}

nav ul li{font-size: 1rem;
    display: block;};}
.materias {display: block; margin-left: auto;margin-right: auto;}

h3{font-size: 1rem;
    text-align: center;}

    footer {display: inherit} 
    
}