body, html {
  height: 100%;
}
p, h1, .text-historia, .back-btn-ecommerce p{
    color: #2b1007;
    text-shadow: 1px 1px 1px #f4e7d3;
}
p{
    font-family: 'Questrial', sans-serif;
}
.back-header{
    margin-top: 40px;
}
.logo{
    width: 120px;
    /*text-align: center;*/
}
.menu-social{
    position: absolute;
    top: 0px;
}
.btn-social{
    width: 40px;
    overflow: hidden;
}
.btn-social a{
    position: relative;
    float: left;
}
.btn-social a:hover{
    margin-left: -40px;
}
.scroll-downs {
    position: relative;
    margin: auto;
    margin-top: 20px;
    width :34px;
    height: 55px;
}
.mousey {
    width: 3px;
    padding: 10px 15px;
    height: 35px;
    border: 3px solid #fff;
    border-radius: 25px;
    box-sizing: content-box;
}
.scroller {
    width: 4px;
    height: 10px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}
@keyframes scroll {
    0% { opacity: 0; }
    10% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(15px); opacity: 0;}
}
.slider{
    display: block;
}
.sildermovil{
    display: none;
}
.home-headline{
    padding-top: 20px;
    text-align: center;
    font-size: 45px;
}
.text-ajuste{
    padding: 20px 15px;
    line-height: 21px;
    font-size: 16px;
    text-align: justify;
}
.agaves{
    background-image: url(../images/home/agaves-cocidos.jpg);
    height: 440px;
    margin-bottom: 10px;
}
.home-secondheadline{
    color: #00a5b5;
    text-align: center;
    font-size: 60px;
    padding: 50px 0;
}
.proceso h1{
    font-size: 22px;
    padding: 5px 10px;
}
.proceso h1 span{
    color: #00a5b5;;
}
.proceso p{
    line-height: 17px;
    font-size: 14px;
    padding: 5px 10px;
}
.agaveazul{
    padding-top: 30px;
}
.div-jima{
    padding-top: 40px;
}
.jima{
    padding-top: 90px;
}
.div-coccion{
    margin-top: -60px;
}
.coccion{
    text-align: right;
    padding-top: 100px;
}
.molienda{
    text-align: right;
    margin-top: 20px;
}
.fermentacion{
    text-align: right;
    padding-top: 40px;
    padding-right: 130px;
}
.div-destilacion{
    margin-top: -150px;
}
.destilacion{
    padding-top: 130px;
}
.img-process{
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    height: 250px;
    margin-top: 60px;
}
.p-agaves{
    background-image: url(../images/home/ajave.png);
}
.p-jima{
    background-image: url(../images/home/jima.png);
}
.p-coccion{
    background-image: url(../images/home/coccion.png);
}
.p-tahona{
    margin-left: -360px;
}
.p-destilacion{
    background-image: url(../images/home/destilacion.png);
    height: 250px;
}

footer{
    margin-top: 0px;
}
.backagaves{
    background-image: url(../images/home/agaves-cocidos_2.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 100%
}

#backbody{
    background-image: url(../images/home/back_landing.jpg);
}
#backproductos{
    background-image: url(../images/home/back-productos.png);
    margin-top: -80px;
}

/****** STORE ******/
.back-btn-ecommerce p{
    font-size: 16px;
    text-shadow: none;
}
.back-btn-ecommerce{
    margin-top: 0px;
    border-radius: 0px;
}
.btn-store {
   background: linear-gradient(to right, #0099a3, #00bac3) !important;
 }