<style>
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
</style>

/*GENERALES*/

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

/*ESTILOS*/

body {margin:0;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #ECE2F1;}

body nav {font: roboto; text-align:center;}

/*CONTENEDOR*/

.contenedor {padding: 1rem;
    margin-bottom: 0,5rem; 
    width: 100%;}

.titulo h3 {
    color: #352d69;
    font-size: 5rem;
    padding: 7rem;
    margin: 0;
    align-content: center;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    letter-spacing:0.5rem;
    }

.titulo {background: url(../img/bg.jpg); 
    background-size:cover;   
    padding: 5%;
    height: 20rem;}

/*NAV*/

nav {display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: flex-start;
    text-align: center;}

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

nav ul li a{ 
    margin: 2rem; 
    border-radius: 15px;
    background: #52e2c1;
    padding: 1rem;
    width: 3rem;
    text-decoration: none; 
    display: inline-block;
    color: white;}

nav ul li a:hover{ background: #352d69;}

.linkactivo { background: white;
    color: #52e2c1;}

.linkactivo:hover {background:#352d69;
color:white;}

.menu {display: inline-block; 
    color: aqua; 
    text-decoration: none; 
    background: #352d69; 
    display: flex; 
    justify-content: space-around; 
    width: 100%;}

/*ESTRUCTURA*/

section {display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: space-around;}

.datos {width: 30%;
    padding: 2rem 2rem 2rem 5rem;}

.datos ul li {list-style: none;
    text-decoration: none;}

.alumnas {width: 20%;
    background-color: #52e2c1;
    text-align: center;
    font-size: 1.2rem;}

.alumnas p a {list-style: none;
    text-decoration: none;
    color:white;}

.alumnas p a:hover {color: #352d69;}

.alumnas p {padding: 0.5rem;}

.alumnas h1 {letter-spacing: 0.25rem;
color:#352d69;}

/*VIDEO PROMOCION*/

.video_promocion {display: flex;
   	justify-content: flex-start; 
   	width:25%; padding-top: 12rem; 
    padding-bottom: 12rem; 
    padding-left: 1rem; padding-right: 1rem;
	align-content: center; }

/*FOOTER*/

footer{
    background: #352d69;
    padding: 1rem;
    margin: 0;}

footer p {color: #ffffff; 
    font-style: oblique;}