/*Reset*/

*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

/*Fin Reset*/

/*Clases Especiales*/

.sb{
    justify-content: space-between;
}

.sa{
    justify-content: space-around;
}

/*Fin Clases Especiales*/

/*Clases Estructurales*/

body{
    background-color: #E2DDD8;
}

.contenedor{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.centrado{
    width: 96%;
    margin: 0 auto;
}

section{
    padding: 50px 0px;
}

.mv100{
    width: 100%;
}

.mv90{
    width: 87.5%;
}

.mv80{
    width: 77.5%;
}

.mv75{
    width: 72.5%;
}

.mv70{
    width: 67.5%;
}

.mv60{
    width: 57.5%;
}

.mv50{
    width: 47.5%;
}

.mv45{
    width: 42.5%;
}

.mv40{
    width: 37.5%;
}

.mv30{
    width: 30%;
}

.mv25{
    width: 22.5%;
}

.mv20{
    width: 20%;
}

.mv10{
    width: 7.5%;
}

@media only screen and (min-width: 768px){
    
    .tb100{
        width: 100%;
    }

    .tb90{
        width: 87.5%;
    }

    .tb80{
        width: 77.5%;
    }

    .tb75{
        width: 72.5%;
    }

    .tb70{
        width: 67.5%;
    }

    .tb60{
        width: 57.5%;
    }

    .tb50{
        width: 47.5%;
    }

    .tb45{
        width: 42.5%;
    }

    .tb40{
        width: 37.5%;
    }

    .tb30{
        width: 30%;
    }

    .tb25{
        width: 22.5%;
    }

    .tb20{
        width: 20%;
    }

    .tb10{
        width: 7.5%;
    }
    
}

@media only screen and (min-width: 1020px){
    
    .centrado{
        width: 960px;
    }
    
    section{
        padding: 70px 0px;
    }
    
    .pc100{
        width: 100%;
    }

    .pc90{
        width: 87.5%;
    }

    .pc80{
        width: 77.5%;
    }

    .pc75{
        width: 72.5%;
    }

    .pc70{
        width: 67.5%;
    }

    .pc60{
        width: 57.5%;
    }

    .pc50{
        width: 47.5%;
    }

    .pc45{
        width: 42.5%;
    }

    .pc40{
        width: 37.5%;
    }

    .pc30{
        width: 30%;
    }

    .pc25{
        width: 22.5%;
    }

    .pc20{
        width: 20%;
    }

    .pc10{
        width: 7.5%;
    }
    
}

@media only screen and (min-width: 1400px){
    
    .centrado{
        width: 1200px;
    }
    
}

/*Fin Clases Estructurales*/