@font-face {
    font-family: 'CocogoosePro-trial';
    src: url('../fonts/cocogose/CocogoosePro-trial.eot');
    src: url('../fonts/cocogose/CocogoosePro-trial.woff') format('woff'), url('../fonts/cocogose/CocogoosePro-trial.ttf') format('truetype'), url('../fonts/cocogose/CocogoosePro-trial.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CocogooseProLight-trial';
    src: url('../fonts/cocogose/CocogooseProLight-trial.eot');
    src: url('../fonts/cocogose/CocogooseProLight-trial.woff') format('woff'), url('../fonts/cocogose/CocogooseProLight-trial.ttf') format('truetype'), url('../fonts/cocogose/CocogooseProLight-trial.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham/Gotham-Bold.eot');
    src: url('../fonts/gotham/Gotham-Bold.woff') format('woff'), url('../fonts/gotham/Gotham-Bold.ttf') format('truetype'), url('../fonts/gotham/Gotham-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    background: url("../img/fondo.jpg");
}


/*Parte1*/

.parte1{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.txt-bienvenidos{
    width: 100%;
    height: auto;
    margin: 0;
    color: #fff;
    font-size: 30pt;
    text-align: center;
    font-family: 'ClanOT-BoldItalic';
}

.logo-s{
    margin-top: 10px;
    height: 265px;

}
/*Fin*/

/*Cuadro-Contador*/

.cuadro-contador{
    width: 100%;
    height: 210px;
    display: flex;
    flex-wrap: wrap;
}
.numeros{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.contador-texto{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.contador-txt{
    width: 100%;
    height: auto;
    margin: 0;
    text-align: center;
    color: #487f44;
    font-family: 'CocogoosePro-trial';
    font-size: 16pt;
}

/*Fin*/

/*Video*/

.video-txt{
    width: 100%;
    height: auto;
    text-align: center;
    color: #fff;
    margin: 0;
    font-family: 'CocogoosePro-trial';
    font-size: 12pt;
}
.cuadro-video{
    width: auto;
    height: auto;
    background-color: #e57e13;
    padding: 15px;
}
.video{
    width: 100%;
    height: 250px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/*Fin*/

/*Escritorio*/
.escritorio{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #e57e13;
    border-radius: 10px;
    margin-top: 50px;
}
.es-texto{
    width: 50%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.title-es{
    width: 100%;
    height: auto;
    margin: 0;
    text-align: center;
    color: #487f44;
    font-family: 'CocogoosePro-trial';
    font-size: 16pt;
    margin-top: 15px;
}
.es-txt{
    width: 85%;
    height: auto;
    margin: 0;
    text-align: center;
    color: #fff;
    font-family: 'CocogooseProLight-trial';
    font-size: 14pt;
}
.btn-insta{
    width: 27%;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    border: 0;
    border-radius: 10px;
    background-color: #487f44;
    color: #fff;
    margin-top: 10px;
    font-family: 'CocogoosePro-trial';
}
.imgbtn{
    width: 25px;
    height: 25px;
}

.es-img{
    width: 50%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.imgescritorio{
    margin-top: -15px;
    height: 265px;
}
/*Fin*/

/*Frutitas*/
.frutitas{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin: 25px 0px;
}
.img-frutitas{
    width: 50%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.btn-frutitas{
    width: 50%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.btn-descarga{
    width: 60%;
    height: 75px;
    border: 0;
    border-radius: 10px;
    background-color: #487f44;
    color: #fff;
    font-family: 'Gotham';
    font-size: 14pt;
    margin: 10px 0px;

}

.descarga{
    width: 90%;
    height: 75px;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    align-items: center;
    text-align: center;
    border: 0;
    background-color: #52b847;
    color: #fff;
    font-family: 'Gotham';
    font-size: 14pt;
    margin: 10px 0px;

}
/*Fin*/

/*Frutas*/
.frutas{
    width: 100%;
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: url("../img/frutas.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 10px solid #b75f27;
}

/*Fin*/

/*Redes Sociales*/
.redes-sociales{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 35px 0px;
}

.rs-fb{
    width: 50px;
    height: 50px;
    background-image: url(../img/fb.png);
    background-repeat: no-repeat;
}
.rs-inta{
    width: 50px;
    height: 50px;
    background-image: url(../img/instagram.png);
    background-repeat: no-repeat;
}
.rs-yt{

    width: 50px;
    height: 50px;
    background-image: url(../img/youtube.png);
    background-repeat: no-repeat;
}

/*Fin*/

/*Cierre*/
.logos-cierre{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: center;
    margin: 25px 0px;
}
.img-cierre{
    height: 65px;
}
/*Fin*/


@media (min-width: 601px) and (max-width: 1280px){

}
@media (max-width: 600px){
    /*Parte1*/
    .parte1{}
    .logo-s{}
    /*Fin*/

    /*Cuadro-Contador*/
    .cuadro-contador{
        height: 145px;
    }
    .numeros{}
    .contador-texto{}
    .contador-txt{}
    /*Fin*/

    /*Video*/
    .video-txt{}
    .cuadro-video{}
    .video{}
    /*Fin*/

    /*Escritorio*/
    .escritorio{}
    .es-texto{
        width: 100%;
    }
    .title-es{
        font-size: 14pt;
    }
    .es-txt{
        font-size: 11pt;
        margin-top: 10px;
    }
    .btn-insta{
        width: 50%;
    }
    .es-img{
        width: 100%;
    }
    .imgescritorio{
        margin-top: 10px;
    }
    /*Fin*/

    /*Frutitas*/
    .frutitas{}
    .img-frutitas{
        width: 100%;
    }
    .imgfrutitas{
        height: 125px;
    }
    .btn-frutitas{
        width: 100%;
    }
    .btn-descarga{
        width: 90%;
        font-size: 12pt;
    }
    /*Fin*/

    /*Frutas*/
    .frutas{
        height: 155px;
    }
    /*Fin*/

    /*Redes Sociales*/
    .redes-sociales{
    }
    .rs-fb{}
    .rs-inta{}
    .rs-yt{}
    /*Fin*/

    /*Cierre*/
    .logos-cierre{}
    .img-cierre{
        height: 40px;
    }
    /*Fin*/
}