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

body {
    font-family: 'open sans';
    font-size: 16px;
}
header {
    width: 100%;
    max-width: 100%;
    max-height:400px;
    height: 500px;
    background-image: url(img/F.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;
}
header .textos{
 font-size: 6px;
}
.container img{
    width: 60%;
    max-width: 400px;
    margin: 0 auto;
    }
    img {
    width: 100%;
    height: auto;
    }


.sesgoabajo {
    z-index: 5;
    position: absolute;
    bottom: 0;
    left: 0;
    border-width: 0 0 25vh 100vw;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.contenedor{
    width: 100%;
    max-width: 1000px;
    margin: auto;
    overflow: hidden;
}
.producto{
    text-align: center;
    font-size: 7vh;
    color: blue;
}
.slogan{
    text-align: center;
    font-size: 20px;
}
.container-fluid{
    width: 100%;
    max-width: 80%;
    margin: auto;
    overflow: hidden;
}
h4{
    font-size: 40px;

}
.galeria{
    width: 100%;
    height: 550px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    flex-wrap: wrap;
}
.galeria-mayor{
    width: 100%;
    height: 1700px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    flex-wrap: wrap;
}
.galeria-m{
    width: 100%;
    height: 650px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    flex-wrap: wrap;
}
.galeria img{
    width: 90%;
    
}
.imagenes{
    width: 100%;
    height: 1900px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    flex-wrap: wrap;
}
.imagenes img{
    width: 80%;
}
.composicion{
    width:30%;
    height: 1200px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    flex-wrap: wrap;
}
.fondo-abajo{
    width: 100%;
    max-width: 100%;
    height: 300px;
    background-color: black;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;   
}
.bajo {
    position: left;
    max-width: 100%;
    min-height: 60px;
    margin: 0 auto;
    padding: 0% 2%;
    
}
    
span{
    font-size: 20px;
    color: blue;
    
    
}
label{
    font-size: 20px;
    color: #fff;

}    
.contenido{
    text-align: center;
}
.boton {
    display: inline-block;
    padding: 0;
    width: 128px;
    border: 1px solid black;
    color:black;
    font-size: 19px;
    text-align: center;
    text-decoration: none;
    border-radius: 16px;
    background-position: center;
}