@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,700|Oswald:400,700');


html {
    font-size: 100%;
}



body {
    background: #d7ffef;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    margin: 0%;
}

header {
    background-image: url(../img/banner.jpg);
    background-repeat: no-repeat;
    margin: 0;
    
}

header nav ul {
    text-align: center;
    list-style-type: none;
    font-family: 'Oswald', sans-serif;
    font-weight:700;
}

header nav ul li {  
    display:inline-block;
    font-size: 1.5rem;
}

header nav ul li a { 
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    padding: 1rem;
}

header nav ul li a:hover {
    color: #95fce4;
    text-shadow: 0px 0px 30px  black ;
}


h1 {
    font-size: 7rem;
    text-align: center;
}

h2 {
    font-size: 3rem;
    font-weight: 700;
    
}

h4 {
    text-align: center;
    color: #1a9d7f;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    background-color: #b2efd7;
    padding: 4rem;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.69);
}

h5 {
    display: block;
    font-size: 1.5rem;
    
   
}

h6 {margin: 0;
    font-size: 1rem;
    font-weight: 700;
}


.presentacion img {
    margin: auto;
    
    border-radius: 10rem;
    box-shadow: 0px 0px 40px black;
    }

.presentacion {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: flex-end;
    
    
}

.presentacion article {
    margin: auto;
    
}

span {
    font-weight: 200;
    font-size: 0.8rem;
}

.materias {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
    
   
    width: 100%;
    margin: auto;
    padding: 1rem;
    background-color: #d7ffef;
}

.materias p {
    margin-top: 0rem;
}


.nivel {
    padding:0 3rem;
    width: 15rem;
}


.datosobligatorios {
    padding: 1rem;
    text-align: left;
    font-size: 0.8rem;
}

footer nav {
    background: url(../img/banner.jpg);
    width: 100%;
    text-align: center;
    margin: 0%;
    
    padding: 0.2rem;
}


footer nav ul {
    list-style: none;
    font-size: 1rem;
    font-weight: 700;
   
}

footer nav ul li {
    display: inline-block;
    padding: 1rem;
   
}

footer nav ul li a {
    text-decoration: none;
    text-align: center;
    color: white;
}

footer nav ul li a:hover {
    color: #95fce4;
    text-shadow: 0px 0px 30px  black ;
}

footer {
   
   background-color: #b2efd7;}

footer p {
    padding: 1rem;
    font-size: 1rem;
    font-weight: 400;
    color: #186949;
}

footer a {
    font-weight: 700;
    text-decoration: none;
    color: black;
}

footer a:hover{
    color: #1a9d7f;
}

@media (max-width: 30rem)
{
    body{
  overflow-x: hidden;
  overflow-y: scroll;
}
    header nav {
        margin: 0 auto;
    }
    header nav ul li {
        font-size: 1.2rem;
        text-align: center;
        
        
            }
    header nav ul li a {
        padding: 0.5rem;
        
    }
    .presentacion {
        display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
        
    }
    .presentacion h2,.presentacion h3,.presentacion p {
        text-align: center;
    }
   
     .presentacion h2 ,.presentacion h3 ,  .presentacion p {
        margin: 0.2rem;
    }
    .presentacion p {
        font-size: 0.8rem;
    }
    h4 { padding: 2rem;}
    
    .nivel {
        padding: 0 2rem;
    }
    footer nav ul {
        display: inline-block;
        text-align: center;
    }
}