body{ 
    background-image: url("../img/fondo.jpg");
    background-size: cover;
    background-repeat: repeat;
    width: 100%;
    }
*{box-sizing: border-box;margin: 0;padding: 0;font-family: 'Source Sans Pro', sans-serif;}
header{
    background: black;
    color:antiquewhite;
    letter-spacing: 0.08rem;
    font-weight: 700;
    font-size: 1rem;
    height: auto;
    top: 0rem;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    position: absolute;
    }
/*nav*/
 
nav ul {list-style-type: none;}
nav ul li {float: right;margin-top: -0.5rem;}
nav ul li a {
    display: inline-block; 
    margin: 0.15rem 0.8rem 0.5rem 0rem;
    padding: 0.5rem 0.5rem;
    background-color: black;
    color: antiquewhite;
    font-size:0.9rem;
    text-decoration: none;}
nav ul li a:hover {background: crimson; color: black;}

/*falta links debajo de imagen*/

/*falta links debajo de imagen*/
p{color:black;padding-left: 0.3rem;}
h1{font-size: 1.3rem; letter-spacing: 0.06rem;float: left}
h2{font-size: 1rem; letter-spacing: 0.06rem;}
link{color:white;}
section{
    width:100%;
    height: auto;
    margin-bottom: 3rem; 
    text-align: left;
    align-content: center;
    padding-top: 5rem;
    padding-left: 1.5rem;
    top: 3rem;
    position: relative;
    float: none;
    }
section.propuesta{
    padding-top: 2rem;
    z-index: -1;
     }
.foto{
    width: 30rem;
    height: auto;
    margin: auto;
    position: relative;
    float: none;}


.nav02{display: inline-block;
    align-content: center;
    letter-spacing: 0.08rem;
    font-weight: 700;
    font-size: 1.3rem; 
    letter-spacing: 0.06rem;
    margin-top: 1rem;
    margin-right: 1rem;
   }

    
.niveles{
    width:32%;
    height: auto;
    display: inline-block;
    background-color: rgba(250, 155, 142, 0.59);
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem; 
    padding-right: 1rem; 
    margin: 2rem 1rem 0.5rem 0rem;
    position: relative;
    float: left;
    box-sizing: border-box;}


.niveles.propuesta{
    text-align:left;
    width: 80%;
    background-color: rgba(242, 150, 136, 0.84);
    height: auto;
    display: block;
    margin:auto;
    float:none;
    margin-top: 3rem;
}


footer {
        display:inline-block;
        padding: 0.5rem;
        position: relative;
        float:none;
        bottom: -6rem;
            
}




footer p {font-size: 0.7rem; color: black; text-align: center; line-height: 1rem;color:antiquewhite;}




@media (max-width: 700px) {.niveles{float:none;})