@font-face {
    font-family: "VagBlack";
    src: url('../fonts/VAGRoundedStd-Black.ttf');
    src: url('../fonts/VAGRoundedStd-Black.eot'); /* IE9 Compat Modes */
    src: url('../fonts/VAGRoundedStd-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/VAGRoundedStd-Black.woff') format('woff'), /* Modern Browsers */
    url('../fonts/VAGRoundedStd-Black.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: "VagBold";
    src: url('../fonts/VAGRoundedStd-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/VAGRoundedStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/VAGRoundedStd-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/VAGRoundedStd-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/VAGRoundedStd-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: "VagLight";
    src: url('../fonts/VAGRoundedStd-Light.ttf');
    src: url('../fonts/VAGRoundedStd-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/VAGRoundedStd-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/VAGRoundedStd-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/VAGRoundedStd-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: "VagThin";
    src: url('../fonts/VAGRoundedStd-Thin.eot'); /* IE9 Compat Modes */
    src: url('../fonts/VAGRoundedStd-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/VAGRoundedStd-Thin.woff') format('woff'), /* Modern Browsers */
    url('../fonts/VAGRoundedStd-Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/VAGRoundedStd-Thin.svg#svgFontName') format('svg'); /* Legacy iOS */
}


body {
    font-family: 'VagThin';
    position: relative;
    height: 100%;
    overflow-x:hidden;
    -webkit-user-select: none;  /* Chrome 49+ */
    -moz-user-select: none;     /* Firefox 43+ */
    -ms-user-select: none;      /* No support yet */
    user-select: none;          /* Likely future */
}

/*******links********/
.clicable{
    cursor: pointer;
}
.no-clicable{
    cursor: default;
}

a{
    text-decoration: none !important;
    color:black;
}

.button-back-black:hover{
    color: #aaaaaa !important;
}

/*.link-underline:hover{*/
    /*color: #aaaaaa;*/
/*}*/

a:not([href]):not([tabindex]) {
    text-decoration: none;
    color:white!important;
    cursor: pointer;
}

button:hover{
    color: #aaaaaa !important;
}


/****end links*****/

/****botones languages*****/

.button-languages:hover:not(.selection-button-languages){
    background-color: black;
    color: #aaaaaa !important;
}

.selection-button-languages, .selection-button-languages:hover {
    border: 0;
    border-radius: 47px;
    color: white;
    background-color: black;
    padding: 5px 50px;
    font-size: 5.5vh;
    cursor: pointer;
}

.noselection-button-languages{
    border: 1px solid black;
    border-radius: 47px;
    color: black;
    background-color: transparent;
    padding: 5px 50px;
    font-size: 5.5vh;
    cursor: pointer;
}


/***alineaciones y margenes****/

.jumbotron{
    background-color: transparent !important;
}

.main-container {
    height: 100%;
    position: relative;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 25%;
    width: 100%;
}
.bottom-center {
    position: absolute;
    bottom: 5vh;
    width: 100%;
    padding: 0 5vh;
    z-index: 2;
}

.bottom-center-centered {
    left:500px;
    right:100px;

    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 2;
}

.bottom-center-centered .volume-on{
    width: 25px;
}

.header-footer {
    display: block;
}
.header-footer ul {
    display: inline-block;
    width:100%;
}

.header-footer > ul > li.alineado-izquierda {
    display: inline-block;
    position:relative;
    vertical-align:center;
}
.header-footer > ul > li.alineado-centrado {
    display: inline-block;
    position:relative;
    vertical-align:center;
}
.header-footer > ul > li.alineado-derecha {
    display: inline-block;
    position:relative;
    vertical-align:center;
}
.alineado-izquierda {
    text-align: left;
}

.alineado-centrado {
    text-align: center;
    vertical-align: bottom;
}

.alineado-derecha {
    text-align: right;
}
.child{
    margin:0 !important;
    padding:0 !important;
}


.top-center {
    position: absolute;
    padding: 0 5vh;
    top: 5vh;
    width: 100%;
    z-index: 2;
}

.button-menu-left{
    position: relative;
    font-size: 5.5vh;
    color: black;
    cursor: pointer;
    text-align: left;
}

#symbol-menu {
    border-style: none;
    width: 4.8vh;
    vertical-align: inherit !important;
}

.button-menu-right{
    position: relative;
    color: black;
    cursor: pointer;
    float: right;
    width:13%;
}
.button-menu-right img{
    width: 100%;
}

.bottom-center .volume-on{
    width: 25px;
}
/*footer*/
.icon-fullscreen{
    position: relative;
    color: black;
    cursor: pointer;
    float: right;
    visibility: hidden;
}
.icon-fullscreen img{
    width: 31%;
    margin-right: 2px;
    margin-bottom: 10px;
    visibility: hidden;
}

.icon-back{
    position: relative;
    color: black;
    cursor: pointer;
}
.icon-back img{
    width: 15.2vh;
}


.icon-up{
    color: black;
    cursor: pointer;
}

.icon-up img{
    width: 14.9vh;
}

/*end footer*/

.margleft{
    margin-left: 10px;
}
.margright{
    margin-right: 10px;
}
/***end alineaciones y margenes****/


/****textos******/
.sidenav a{
    color:white;
    font-size: 5.5vh;
    line-height: 20px;
}
.titulo-juego{
    font-family: 'VagBlack';
    font-size: 75px;
    color:black;
}

.titulo-bold{
    font-family: 'VagBold';
    font-size: 7.5vh;
    color:black;
}

.titulo-medio{
    font-family: 'VagBlack';
    font-size: 5.5vh;
    color:black;
}

.titulo-medio-white{
    font-family: 'VagBlack';
    font-size: 5.5vh;
    color:white;
}

.desc-home-black{
    font-family: 'VagBlack';
    font-size: 20px;
    color:black;
}
.desc-home-thin{
    font-family: 'VagThin';
    font-size: 20px;
    color:black;
}

/***end textos*****/

/***botones****/
.button-back-black{
    border: 0;
    border-radius: 47px;
    color: white;
    background-color: black;
    padding: 10px 30px 10px 30px;
    font-size: 5.5vh;
}

.button-back-white{
    border: 0;
    border-radius: 47px;
    color: black;
    background-color: white;
    padding: 15px 30px;
    font-size: 34px;
}

.button-text-sounds{
    text-align: right;
    position: fixed;
    cursor: pointer;
    z-index: 10;
    border-radius: 22px;
    padding: 5px 30px;
    background: url("/aventurespandyfox/assets/img/volume_on.png");
}

/***end botones****/




/****sidebar*******/
.navbar-default{
    background-color: transparent!important;
    border:0!important;
}

.button-menu-right-min{
    cursor: pointer;
    z-index: 10;
    border:0;
    padding: 5px 30px;
}
.button-menu-right-min img{
    width: 40px;
}
.button-menu-right-count{
    font-size: 5.5vh;
    margin-right: 10px;
}


.closebtn, #boton-terminos{
    cursor:pointer;
}

#boton-cerrar
{
    text-align: left;
    margin-left: 40px;
    margin-top: -30px;
    margin-right: 22px;
    color:  white;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: left!important;
}

#content-menu-first{
    position: relative;
    margin-top: 10px;
}

#content-menu-second{
    position: absolute;
    bottom: 40px;
    width: 100%;
}

#content-menu-first a, #content-menu-second a{
    color:white !important;
    margin-left: 30px;
    line-height: 35px;
}

.sidenav a, .sidenav .titulo-menu, .sidenav .titulo-menu2  {
    text-decoration: none;
    font-size: 5.5vh !important;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav .titulo-menu2{
    margin-top:0px!important;
    color:#DAC58D;

}

.sidenav .linea-centrada{
    width: 67px;
    margin-left: 41%;

}
.sidenav .titulo-menu{
    color:#DAC58D;
}


.sidenav a:hover {
    color: #aaaaaa !important;
}

.sidenav .closebtn {
    position: relative;
    top: 0;
    right: 0px;
    font-size: 36px;
    color:#DAC58D;
}
.close{
    position: relative;
    top: 0;
    right: 0;
    font-size: 1.5em;
    color:#DAC58D;
}
/********end sidebar************/

/*miscelanius*/
.is-link{
    cursor: pointer;
}
.link-underline{
    cursor: pointer;
    text-decoration: underline !important;
    font-size: 5.5vh;
    color:black;
}
.blue{
    background-color: blue;
}
.red{
    background-color: red;
}
/*end miscelanius*/


.jumbotron.vertical-centered {
    margin-bottom: 0; /* Remove the default bottom margin of .jumbotron */
}

.vertical-centered {
    min-height: 100%;  /* Fallback for vh unit */
    min-height: 100vh; /* You might also want to use
                        'height' property instead.

                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.

                        In this case the parent of '.vertical-center'
                        is the <body> element */

    /* Make it a flex container */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;

    /* In legacy web browsers such as Firefox 9
       we need to specify the width of the flex container */
    width: 100%;

    /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
       hence the bootstrap's container won't be aligned to the center anymore.

       Therefore, we should use the following declarations to get it centered again */
    -webkit-box-pack : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    -webkit-justify-content : center;
    justify-content : center;
}
#warning-message { display:none; }

/*media queries*/
@media only screen and (orientation:portrait){
    .navbar-default{ display: none; }
    .top-center{
        display: none;
    }
    .modal-backdrop{
        opacity: 1!important;
    }
    html{
        background-image: none;
    }
}
@media only screen and (orientation:landscape){
    .modal-backdrop{
        opacity: 0.3!important;
    }
}


@media (min-height: 0px) and (max-height: 400px){
    /****themes***/
    .swiper-slide img{
        width: 90% !important;
    }
    .img-themes {
        width: 85% !important;
    }
    /***end themes*******/

    /*****sidebar******/
    .button-menu-right{
        width: 14.9vh;
    }
    .icon-back {
        width: 14.9vh;
    }

    .selection-button-languages, .selection-button-languages:hover {
        border: 0.8px solid black;
        border-radius: 47px;
        color: white;
        background-color: black;
        padding: 4px 25px 2px 25px;
        font-size: 2.8vh;
        cursor: pointer;
    }

    .noselection-button-languages{
        border: 0.8px solid black;
        border-radius: 47px;
        color: black;
        background-color: transparent;
        padding: 4px 25px 2px 25px;
        font-size: 2.8vh;
        cursor: pointer;
    }

    #animalesArrayFirst{
        margin-left: -5px;
    }

    .container{
        margin-top: -15px;
    }
    #second-part-premio {
        margin-top: 10px;
    }

    /**** sidebar****/
    #boton-cerrar {
        text-align: left;
        margin-left: 29px;
        margin-top: -30px;
        margin-right: 22px;
        color: white;
    }
    .sidenav a, .sidenav .titulo-menu, .sidenav .titulo-menu2 {
        text-decoration: none;
        font-size: 5.5vh !important;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    #content-menu-first{
        margin-top: 10px;
    }
    #content-menu-first a, #content-menu-second a {
        color: white !important;
        margin-left: 30px;
        line-height: 25px;
    }

    #content-menu-second {
        position: absolute;
        bottom: 25px;
        width: 100%;
        margin-left: 29px;
    }
    /*****end sidebar****/

    /***modal pares****/
    .header .titulo-medio-white {
        font-size: 32px;
        margin-top: 15px!important;
    }
    #total1, #total2, #total3 {
        border: 0;
        border-radius: 47px;
        color: black;
        background-color: white;
        padding: 10px 26px;
        font-size: 25px;
    }
    .modal-open .modal {
        overflow: hidden;
    }
    .header {
        border-bottom: 0;
        text-align: center;
        padding: 30px 50px;
        line-height: 1.1;
        margin-top: 10px!important;
        position: relative;
    }
    .modal.show .modal-dialog {
        padding: 0 49px!important;
    }
    .modal-content {
        background-color: black;
        border: 1px solid black;
        border-radius: 42px;
        padding: 4px 8px !important;
        margin-top: -15px;
    }
    .modal-body {
        display: inline-block;
        font-family: VagBold;
        padding: 0 50px 30px 50px;
        margin-top: 0;
    }

    .titulo-medio-white {
        font-family: 'VagBlack';
        font-size: 35px;
        color: white;
        margin-top:15px!important;
    }
    .footer {
        margin-top: -10px;
    }
    .closer {
        position: absolute;
        font-size: 2.5em;
        color: white !important;
        font-weight: 400!important;
        top: 18px;
        right: 55px;
        background-color: transparent;
        border: 0;
    }
    #wet_template .container {
        margin-top: -70px;
    }
    #wet_template .desc-home-thin{
        font-size: 5.5vh;
    }

    #suggest-text {
        width: 70%;
        border-radius: 45px;
        padding: 6px 24px;
        background-color: black;
        color: white;
        margin: 14px 0;
        font-family: VagThin;
        font-size: 3.5vh;
        border: 1px solid black;
    }
    /****end modal pares***/
    /*home*/
    .part-one-home{
        top:13%;
    }
    .part-two-home{
        top:22%;
    }
    .part-three-home{
        top:31%;
    }
    .part-four-home{
        top:0;
    }
    .part-five-home{
        top:20%;
    }
    .part-six-home{
        bottom:33%;
    }

    .part-seven-home{
        top:4%;
    }
    .part-eight-home{
        bottom:45%;
    }
    .part-nine-home{
        bottom:6%;
    }
    .part-ten-home{
        bottom:13.5%;
    }
    .part-eleven-home{
        bottom: 3%;
        font-size: 3vh;
        color: white;
        font-family: VagThin;
    }
    .button-back-black {
        padding: 10px 30px 10px 30px;
        font-size: 5vh;
    }
    .icon-up img {
        width: 14.9vh;
    }

    .titulo-juego{
        font-size: 13.5vh;
    }
    .titulo-medio{
        font-size: 7.5vh;
    }
    .titulo-home-medio{
        font-size: 11vh;
        font-family: 'VagBlack';
    }
    .desc-home-black {
        font-size: 6vh;
    }
    .desc-home-thin {
        font-size: 6vh;
    }
    /*end home*/

    /*ahorcado*/
    #ahorcado_template .pantalla_1{
        top:9%!important;
        height: 75%;
    }

    .center-letters {
        padding: 0 20px;
    }
    .titulo-bold{
        font-size: 6vh;
    }
    .boxin {
        width: 40px;
        height: 45px;
        border-bottom: 3px solid black;
        color: black;
        display: inline-block;
    }
    .letra{
        font-size: 21px;
        margin: 0 7.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 40px;
        height: 40px;
        padding: 5.5px 0;
    }
    .letraNoOpacity{
        font-size: 21px;
        margin: 0 7.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 40px;
        height: 40px;
        padding: 5.5px 0;
        position: absolute;
        left: -8px;
        top: -2px;
    }
    /*****end ahorcado*******/

    /***puzzle*****/
    .body-part-one, .body-part-two {
        width: 130px !important;
        height: 180px !important;
        opacity: 1;
    }
    .body-part-one{
        margin-left: -27px!important;
    }
    .body-part-two{
        margin-left: -14px;
    }


    #imagenes-puzzle-one, #imagenes-puzzle-two {
       margin-top: 0!important;
    }
    /***end puzzle****/
    /*****identifica*******/
    #identifica_template .pantalla_1{
        height: 53%;
        top: 19vh !important;
        opacity: 1;
    }
    #identifica_template .titulo-bold{
        font-size: 7vh !important;
    }
    /*****end identifica*****/

    /**** memoria *********/
    #identifica_template .pantalla_1{
        height: 43%;
        top: 21vh !important;
        opacity: 1;
    }
    /*****end memoria************/


}
@media (min-height: 401px) and (max-height: 600px){
    /****themes***/
    .swiper-slide img{
        width: 90% !important;
    }
    .img-themes {
        width: 70% !important;
    }
    /***end themes*******/

    /**** sidebar****/
    #boton-cerrar {
        text-align: left;
        margin-left: 40px;
        margin-top: -20px;
        margin-right: 22px;
        color: white;
    }
    .sidenav a, .sidenav .titulo-menu, .sidenav .titulo-menu2 {
        text-decoration: none;
        font-size: 5.5vh !important;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    #content-menu-first{
        margin-top: 25px;
    }

    #content-menu-first a{
        margin-left: 40px;
        line-height: 35px;
    }

    #content-menu-second {
        position: absolute;
        bottom: 25px;
        width: 100%;
        margin-left: 40px;
    }
    /*****end sidebar****/
    /***modal pares****/
    .header .titulo-medio-white {
        font-size: 43px;
        margin-top: 15px!important;
        letter-spacing: 1.5px;
    }
    #total1, #total2, #total3 {
        border: 0;
        border-radius: 47px;
        color: black;
        background-color: white;
        padding: 10px 26px;
        font-size: 30px;
    }
    .modal-open .modal {
        overflow: hidden;
    }
    .header {
        border-bottom: 0;
        text-align: center;
        padding: 30px 50px;
        line-height: 1.1;
        margin-top: 10px!important;
        position: relative;
    }
    .modal.show .modal-dialog {
        padding: 0 49px!important;
    }
    .modal-content {
        background-color: black;
        border: 1px solid black;
        border-radius: 42px;
        padding: 4px 8px !important;
        margin-top: -15px;
    }
    .modal-body {
        display: inline-block;
        font-family: VagBold;
        padding: 0 50px 30px 50px;
        margin-top: 0;
    }

    .titulo-medio-white {
        font-family: 'VagBlack';
        font-size: 35px;
        color: white;
        margin-top:15px!important;
    }
    .footer {
        margin-top: 0;
    }
    .closer {
        position: absolute;
        font-size: 2.5em;
        color: white !important;
        font-weight: 400!important;
        top: 26px;
        right: 55px;
        background-color: transparent;
        border: 0;
    }
    #wet_template .container {
        margin-top: -70px;
    }
    #wet_template .desc-home-thin{
        font-size: 5.5vh;
    }

    #suggest-text {
        width: 70%;
        border-radius: 45px;
        padding: 6px 24px;
        background-color: black;
        color: white;
        margin: 14px 0;
        font-family: VagThin;
        font-size: 3.5vh;
        border: 1px solid black;
    }
    /****end modal pares***/
   .button-menu-right{
        width: 14.9vh;
    }
    .icon-back {
        width: 14.9vh;
    }

    .selection-button-languages, .selection-button-languages:hover {
        border: 0.8px solid black;
        border-radius: 47px;
        color: white;
        background-color: black;
        padding: 4px 25px 2px 25px;
        font-size: 2.5vh;
        cursor: pointer;
    }

    .noselection-button-languages{
        border: 0.8px solid black;
        border-radius: 47px;
        color: black;
        background-color: transparent;
        padding: 4px 25px 2px 25px;
        font-size: 2.5vh;
        cursor: pointer;
    }

    #animalesArrayFirst{
        margin-left: 15px;
    }
    #animalesArraySecond{
        margin-right: 15px;
    }
    .container{
        margin-top: -15px;
    }
    #second-part-premio{
        margin-top: 15px;
    }
    /*home*/
    .part-one-home{
        top:12%;
    }
    .part-two-home{
        top:22%;
    }
    .part-three-home{
        top:30%;
    }

    .part-four-home{
        top:0;
    }
    .part-five-home{
        top:20%;
    }
    .part-six-home{
        bottom:32%;
    }
    .part-seven-home{
        top:4%;
    }
    .part-eight-home{
        bottom:41%;
    }
    .part-nine-home{
        bottom:4%;
    }
    .part-ten-home{
        bottom:13%;
    }
    .part-eleven-home{
        bottom: 3%;
        font-size: 3vh;
        color: white;
        font-family: VagThin;
    }
    .button-back-black {
        padding: 10px 30px 10px 30px;
        font-size: 5vh;
    }
    .icon-up img {
        width: 14.9vh;
    }

    .titulo-juego{
        font-size: 13.5vh;
    }
    .titulo-medio{
        font-size: 7.5vh;
    }
    .titulo-home-medio{
        font-size: 11vh;
        font-family: 'VagBlack';
    }
    .desc-home-black {
        font-size: 6vh;
    }
    .desc-home-thin {
        font-size: 6vh;
    }
    /*end home*/

    /*ahorcado*/
    #ahorcado_template .pantalla_1{
        top:9%!important;
        height: 75%;
    }

    .center-letters {
        padding: 0 25px;
    }
    .titulo-bold{
        font-size: 6vh;
    }
    .boxin {
        width: 60px;
        height: 65px;
        border-bottom: 3px solid black;
        color: black;
        display: inline-block;
    }
    .letra{
        font-size: 34px;
        margin: 0 7.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 60px;
        height: 60px;
        padding: 5.5px 0;

    }
    .letraNoOpacity {
        font-size: 34px;
        margin: 0 9.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 60px;
        height: 60px;
        padding: 5.5px 0;
        position: absolute;
        left: -8px;
        top: -2px;
    }
    #hueco-pista {
        margin-bottom: 20px;
    }
    /*****end ahorcado*******/

    /***puzzle*****/
    .body-part-one, .body-part-two {
        width: 226px !important;
        height: 330px !important;
        opacity: 1;
    }
    .body-part-one{
        margin-left: -40px;
    }
    .body-part-two{
        margin-left: -10px;
    }
    /***** end puzzle*****/
    /*****identifica*******/
    #identifica_template .pantalla_1{
        height: 52%;
        top: 15.5vh !important;
        opacity: 1;
    }
    #identifica_template .titulo-bold{
        font-size: 7vh !important;
    }

    /*****end identifica*****/
}
@media (min-height: 601px) and (max-height: 700px){
    /****themes***/
    .swiper-slide img{
        width: 90% !important;
    }
    .img-themes {
        width: 75% !important;
    }
    /***end themes*******/
    /**** sidebar****/
    #boton-cerrar {
        text-align: left;
        margin-left: 43px;
        margin-top: -20px;
        margin-right: 22px;
        color: white;
    }
    .sidenav a, .sidenav .titulo-menu, .sidenav .titulo-menu2 {
        text-decoration: none;
        font-size: 5.5vh !important;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    #content-menu-first{
        margin-top: 35px;
    }

    #content-menu-first a{
        margin-left: 43px;
        line-height: 35px;
    }

    #content-menu-second {
        position: absolute;
        bottom: 25px;
        width: 100%;
        margin-left: 43px;
    }
    /*****end sidebar****/
    /***modal pares****/
    .header .titulo-medio-white {
        font-size: 43px;
        margin-top: 15px!important;
        letter-spacing: 1.5px;
    }
    #total1, #total2, #total3 {
        border: 0;
        border-radius: 47px;
        color: black;
        background-color: white;
        padding: 10px 26px;
        font-size: 30px;
    }
    .modal-open .modal {
        overflow: hidden;
    }
    .header {
        border-bottom: 0;
        text-align: center;
        padding: 30px 50px;
        line-height: 1.1;
        margin-top: 10px!important;
        position: relative;
    }
    .modal.show .modal-dialog {
        padding: 0 49px!important;
    }
    .modal-content {
        background-color: black;
        border: 1px solid black;
        border-radius: 42px;
        padding: 4px 8px !important;
        margin-top: -15px;
    }
    .modal-body {
        display: inline-block;
        font-family: VagBold;
        padding: 0 50px 30px 50px;
        margin-top: 0;
    }

    .titulo-medio-white {
        font-family: 'VagBlack';
        font-size: 35px;
        color: white;
        margin-top:15px!important;
    }
    .footer {
        margin-top: 5px;
    }
    .closer {
        position: absolute;
        font-size: 2.5em;
        color: white !important;
        font-weight: 400!important;
        top: 32px;
        right: 55px;
        background-color: transparent;
        border: 0;
    }
    #wet_template .container {
        margin-top: -70px;
    }
    #wet_template .desc-home-thin{
        font-size: 5.5vh;
    }

    #suggest-text {
        width: 70%;
        border-radius: 45px;
        padding: 6px 24px;
        background-color: black;
        color: white;
        margin: 14px 0;
        font-family: VagThin;
        font-size: 3.5vh;
        border: 1px solid black;
    }
    /****end modal pares***/

    .button-menu-right{
        width: 14.9vh;
    }
    .icon-back {
        width: 14.9vh;
    }

    .selection-button-languages, .selection-button-languages:hover {
        border: 0.8px solid black;
        border-radius: 47px;
        color: white;
        background-color: black;
        padding: 4px 25px 2px 25px;
        font-size: 2.5vh;
        cursor: pointer;
    }

    .noselection-button-languages{
        border: 0.8px solid black;
        border-radius: 47px;
        color: black;
        background-color: transparent;
        padding: 4px 25px 2px 25px;
        font-size: 2.5vh;
        cursor: pointer;
    }

    #animalesArrayFirst{
        margin-left: 15px;
    }
    #animalesArraySecond{
        margin-right: 15px;
    }
    .container{
        margin-top: -15px;
    }
    #second-part-premio{
        margin-top: 15px;
    }
    /*home*/
    .part-one-home{
        top:14%;
    }
    .part-two-home{
        top:22%;
    }
    .part-three-home{
        top:31%;
    }

    .part-four-home{
        top:0;
    }
    .part-five-home{
        top:20%;
    }
    .part-six-home{
        bottom:35%;
    }
    .part-seven-home{
        top:4%;
    }
    .part-eight-home{
        bottom:45%;
    }
    .part-nine-home{
        bottom:4%;
    }
    .part-ten-home{
        bottom:13%;
    }
    .part-eleven-home{
        bottom: 3.5%;
        font-size: 3vh;
        color: white;
        font-family: VagThin;
    }
    .button-back-black {
        padding: 10px 30px 10px 30px;
        font-size: 5vh;
    }
    .icon-up img {
        width: 14.9vh;
    }

    .titulo-juego{
        font-size: 13.5vh;
    }
    .titulo-medio{
        font-size: 7.5vh;
    }
    .titulo-home-medio{
        font-size: 11vh;
        font-family: 'VagBlack';
    }
    .desc-home-black {
        font-size: 6vh;
    }
    .desc-home-thin {
        font-size: 6vh;
    }
    /*end home*/


    /*ahorcado*/
    #ahorcado_template .pantalla_1{
        top:9%!important;
        height: 75%;
    }

    .center-letters {
        padding: 0 10px;
    }
    .titulo-bold{
        font-size: 6vh;
    }
    .boxin {
        width: 60px;
        height: 65px;
        border-bottom: 3px solid black;
        color: black;
        display: inline-block;
    }
    .letra{
        font-size: 34px;
        margin: 0 7.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 60px;
        height: 60px;
        padding: 5.5px 0;

    }
    .letraNoOpacity {
        font-size: 34px;
        margin: 0 9.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 60px;
        height: 60px;
        padding: 5.5px 0;
        position: absolute;
        left: -8px;
        top: -2px;
    }
    #hueco-pista {
        margin-bottom: 50px;
    }
    /*****end ahorcado*******/
    /***puzzle*****/
    .body-part-one, .body-part-two {
        width: 226px !important;
        height: 330px !important;
        opacity: 1;
    }
    .body-part-one{
        margin-left: -40px;
    }
    .body-part-two{
        margin-left: -10px;
    }
    /***** end puzzle*****/
    /*****identifica*******/
    #identifica_template .pantalla_1{
        height: 52%;
        top: 22.5vh !important;
        opacity: 1;
    }
    #identifica_template .titulo-bold{
        font-size: 7vh !important;
    }

    /*****end identifica*****/

}
@media (min-height: 701px) and (max-height: 1000px) {
    /****themes***/
    .swiper-slide img{
        width: 90% !important;
    }
    .img-themes {
        width: 75% !important;
    }
    /***end themes*******/
    /**** sidebar****/
    #boton-cerrar {
        text-align: left;
        margin-left: 48px;
        margin-top: -10px;
        margin-right: 22px;
        color: white;
    }
    .sidenav a, .sidenav .titulo-menu, .sidenav .titulo-menu2 {
        text-decoration: none;
        font-size: 5.5vh !important;
        color: #818181;
        display: block;
        transition: 0.3s;
    }
    #content-menu-first{
        margin-top: 45px;
    }

    #content-menu-first a{
        margin-left: 48px;
        line-height: 35px;
    }

    #content-menu-second {
        position: absolute;
        bottom: 25px;
        width: 100%;
        margin-left: 48px;
    }
    #content-menu-second img{
        width: 20vh!important;
    }


    /*****end sidebar****/
    /***modal pares****/
    .header .titulo-medio-white {
        font-size: 29px;
        margin-top: 15px!important;
    }
    #total1, #total2, #total3 {
        border: 0;
        border-radius: 47px;
        color: black;
        background-color: white;
        padding: 10px 26px;
        font-size: 20px;
    }
    .modal-open .modal {
        overflow: hidden;
    }
    .header {
        border-bottom: 0;
        text-align: center;
        padding: 30px 50px;
        line-height: 1.1;
        margin-top: 10px!important;
        position: relative;
    }
    .modal.show .modal-dialog {
        padding: 0 49px!important;
    }
    .modal-content {
        background-color: black;
        border: 1px solid black;
        border-radius: 42px;
        padding: 4px 8px !important;
        margin-top: -15px;
    }
    .modal-body {
        display: inline-block;
        font-family: VagBold;
        padding: 0 50px 30px 50px;
        margin-top: 0;
    }

    .titulo-medio-white {
        font-family: 'VagBlack';
        font-size: 35px;
        color: white;
        margin-top:15px!important;
    }
    .footer {
        margin-top: -10px;
    }
    .closer {
        position: absolute;
        font-size: 2.5em;
        color: white !important;
        font-weight: 400!important;
        top: 18px;
        right: 55px;
        background-color: transparent;
        border: 0;
    }
    #wet_template .container {
        margin-top: -70px;
    }
    #wet_template .desc-home-thin{
        font-size: 5.5vh;
    }

    #suggest-text {
        width: 70%;
        border-radius: 45px;
        padding: 6px 24px;
        background-color: black;
        color: white;
        margin: 14px 0;
        font-family: VagThin;
        font-size: 3.5vh;
        border: 1px solid black;
    }
    /****end modal pares***/
    /***sidebar****/
    #symbol-menu {
        border-style: none;
        width: 2.9vh;
        vertical-align: inherit !important;
    }

    .button-menu-left {
        position: relative;
        font-size: 3.5vh;
        color: black;
        cursor: pointer;
        text-align: left;
    }
    .link-underline {
        cursor: pointer;
        text-decoration: underline !important;
        font-size: 3.5vh;
        color: black;
    }
    .button-menu-right{
        width: 10.9vh;
    }
    .icon-back {
        position: relative;
        color: black;
        cursor: pointer;
        width: 10.9vh;
    }
    .icon-back img {
        width: 12.9vh;
    }

    .top-center .alineado-centrado {
        margin-top: -3px;
    }

    .selection-button-languages, .selection-button-languages:hover {
        border: 0.8px solid black;
        border-radius: 47px;
        color: white;
        background-color: black;
        padding: 4px 25px 2px 25px;
        font-size: 3.5vh;
        cursor: pointer;
    }

    .noselection-button-languages {
        border: 0.8px solid black;
        border-radius: 47px;
        color: black;
        background-color: transparent;
        padding: 4px 25px 2px 25px;
        font-size: 3.5vh;
        cursor: pointer;
    }
    .sidenav a, .sidenav .titulo-menu, .sidenav .titulo-menu2 {
        text-decoration: none;
        font-size: 3.5vh !important;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    /****end sidebar*****************/

    /*home*/
    .part-one-home{
        top:13.5%;
    }
    .part-two-home{
        top:22.5%;
    }
    .part-three-home{
        top:31.5%;
    }

    .part-four-home{
        top:0;
    }
    .part-five-home{
        top:20%;
    }
    .part-six-home{
        bottom:34%;
    }
    .part-seven-home{
        top:4%;
    }
    .part-eight-home{
        bottom:45%;
    }
    .part-nine-home{
        bottom:4%;
    }
    .part-ten-home{
        bottom:13%;
    }
    .part-eleven-home{
        bottom: 3.5%;
        font-size: 3vh;
        color: white;
        font-family: VagThin;
    }
    .button-back-black {
        padding: 10px 30px 10px 30px;
        font-size: 5vh;
    }
    .icon-up img {
        width: 14.9vh;
    }

    .titulo-juego{
        font-size: 13.5vh;
    }
    .titulo-medio{
        font-size: 7.5vh;
    }
    .titulo-home-medio{
        font-size: 11vh;
        font-family: 'VagBlack';
    }
    .desc-home-black {
        font-size: 6vh;
    }
    .desc-home-thin {
        font-size: 6vh;
    }
    /*end home*/

    #animalesArrayFirst {
        margin-left: 10px;
    }

    #animalesArraySecond {
        margin-right: 15px;
    }

    #second-part-premio {
        margin-top: 10px;
    }

    /*ahorcado*/
    #ahorcado_template .pantalla_1{
        top:3%!important;
        height: 75%;
    }

    .center-letters {
        padding: 0 130px;
    }
    .titulo-bold{
        font-size: 6vh;
    }
    .boxin {
        width: 70px;
        height: 75px;
        border-bottom: 3px solid black;
        color: black;
        display: inline-block;
    }
    .letra{
        font-size: 41.5px;
        margin: 0 7.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 70px;
        height: 70px;
        padding: 5.5px 0;

    }
    .letraNoOpacity {
        font-size: 41.5px;
        margin: 0 9.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 70px;
        height: 70px;
        padding: 5.5px 0;
        position: absolute;
        left: -8px;
        top: -2px;
    }
    #hueco-pista {
        margin-bottom: 60px;
    }
    /*****end ahorcado*******/

    /***puzzle*****/
    .body-part-one, .body-part-two {
        width: 350px !important;
        height: 528px !important;
    }
    .body-part-one{
        margin-left: -24px!important;
    }
    .body-part-two{
        margin-left: -15px;
    }


    #imagenes-puzzle-one, #imagenes-puzzle-two {
        margin-top: 0!important;
    }
    /***** end puzzle*****/
    /*****identifica*******/
    #identifica_template .pantalla_1{
        height: 52%;
        top: 22.5vh !important;
        opacity: 1;
    }
    #identifica_template .titulo-bold{
        font-size: 7vh !important;
    }

    /*****end identifica*****/


}
@media (min-height: 1001px){
    /****themes***/
    .swiper-slide img{
        width: 95% !important;
    }
    .img-themes {
        width: 85% !important;
    }
    /***end themes*******/
    /**** sidebar****/
    #boton-cerrar {
        text-align: left;
        margin-left: 56px;
        margin-top: 5px;
        margin-right: 22px;
        color: white;
    }
    .sidenav a, .sidenav .titulo-menu, .sidenav .titulo-menu2 {
        text-decoration: none;
        font-size: 5.5vh !important;
        color: #818181;
        display: block;
        transition: 0.3s;
    }
    #content-menu-first{
        margin-top: 60px;
    }

    #content-menu-first a{
        margin-left: 56px;
        line-height: 45px;
    }

    #content-menu-second {
        position: absolute;
        bottom: 25px;
        width: 100%;
        margin-left: 56px;
    }
    #content-menu-second img{
        width: 20vh!important;
    }

    /*****end sidebar****/
    /***modal pares****/
    .header .titulo-medio-white {
        font-size: 29px;
        margin-top: 15px!important;
    }
    #total1, #total2, #total3 {
        border: 0;
        border-radius: 47px;
        color: black;
        background-color: white;
        padding: 10px 26px;
        font-size: 20px;
    }
    .modal-open .modal {
        overflow: hidden;
    }
    .header {
        border-bottom: 0;
        text-align: center;
        padding: 30px 50px;
        line-height: 1.1;
        margin-top: 10px!important;
        position: relative;
    }
    .modal.show .modal-dialog {
        padding: 0 49px!important;
    }
    .modal-content {
        background-color: black;
        border: 1px solid black;
        border-radius: 42px;
        padding: 4px 8px !important;
        margin-top: -15px;
    }
    .modal-body {
        display: inline-block;
        font-family: VagBold;
        padding: 0 50px 30px 50px;
        margin-top: 0;
    }

    .titulo-medio-white {
        font-family: 'VagBlack';
        font-size: 35px;
        color: white;
        margin-top:15px!important;
    }
    .footer {
        margin-top: -10px;
    }
    .closer {
        position: absolute;
        font-size: 2.5em;
        color: white !important;
        font-weight: 400!important;
        top: 18px;
        right: 55px;
        background-color: transparent;
        border: 0;
    }
    #wet_template .container {
        margin-top: -70px;
    }
    #wet_template .desc-home-thin{
        font-size: 5.5vh;
    }

    #suggest-text {
        width: 70%;
        border-radius: 45px;
        padding: 6px 24px;
        background-color: black;
        color: white;
        margin: 14px 0;
        font-family: VagThin;
        font-size: 3.5vh;
        border: 1px solid black;
    }
    /****end modal pares***/
    /***sidebar****/
    #symbol-menu {
        border-style: none;
        width: 2.9vh;
        vertical-align: inherit !important;
    }

    .button-menu-left {
        position: relative;
        font-size: 3.5vh;
        color: black;
        cursor: pointer;
        text-align: left;
    }
    .link-underline {
        cursor: pointer;
        text-decoration: underline !important;
        font-size: 3.5vh;
        color: black;
    }
    .button-menu-right{
        width: 10.9vh;
    }
    .icon-back {
        position: relative;
        color: black;
        cursor: pointer;
        width: 10.9vh;
    }
    .icon-back img {
        width: 12.9vh;
    }

    .top-center .alineado-centrado {
        margin-top: -3px;
    }

    .selection-button-languages, .selection-button-languages:hover {
        border: 0.8px solid black;
        border-radius: 47px;
        color: white;
        background-color: black;
        padding: 4px 25px 2px 25px;
        font-size: 3.5vh;
        cursor: pointer;
    }

    .noselection-button-languages {
        border: 0.8px solid black;
        border-radius: 47px;
        color: black;
        background-color: transparent;
        padding: 4px 25px 2px 25px;
        font-size: 3.5vh;
        cursor: pointer;
    }
    .sidenav a, .sidenav .titulo-menu, .sidenav .titulo-menu2 {
        text-decoration: none;
        font-size: 3.5vh !important;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    /****end sidebar*****************/

    /*home*/
    .part-one-home{
        top:13.5%;
    }
    .part-two-home{
        top:22.5%;
    }
    .part-three-home{
        top:31.5%;
    }

    .part-four-home{
        top:0;
    }
    .part-five-home{
        top:20%;
    }
    .part-six-home{
        bottom:34%;
    }
    .part-seven-home{
        top:4%;
    }
    .part-eight-home{
        bottom:45%;
    }
    .part-nine-home{
        bottom:4%;
    }
    .part-ten-home{
        bottom:13%;
    }
    .part-eleven-home{
        bottom: 3.5%;
        font-size: 3vh;
        color: white;
        font-family: VagThin;
    }
    .button-back-black {
        padding: 10px 30px 10px 30px;
        font-size: 5vh;
    }
    .icon-up img {
        width: 14.9vh;
    }

    .titulo-juego{
        font-size: 13.5vh;
    }
    .titulo-medio{
        font-size: 7.5vh;
    }
    .titulo-home-medio{
        font-size: 11vh;
        font-family: 'VagBlack';
    }
    .desc-home-black {
        font-size: 6vh;
    }
    .desc-home-thin {
        font-size: 6vh;
    }
    /*end home*/

    #animalesArrayFirst {
        margin-left: 10px;
    }

    #animalesArraySecond {
        margin-right: 15px;
    }

    #second-part-premio {
        margin-top: 10px;
    }

    /*ahorcado*/
    #ahorcado_template .pantalla_1{
        top:3%!important;
        height: 75%;
    }

    .center-letters {
        padding: 0 10px;
    }
    .titulo-bold{
        font-size: 6vh;
    }
    .boxin {
        width: 70px;
        height: 75px;
        border-bottom: 3px solid black;
        color: black;
        display: inline-block;
    }
    .letra{
        font-size: 41.5px;
        margin: 0 7.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 70px;
        height: 70px;
        padding: 5.5px 0;

    }
    .letraNoOpacity {
        font-size: 41.5px;
        margin: 0 9.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 70px;
        height: 70px;
        padding: 5.5px 0;
        position: absolute;
        left: -8px;
        top: -2px;
    }
    /*****end ahorcado*******/

    /***puzzle*****/
    .body-part-one, .body-part-two {
        width: 350px !important;
        height: 528px !important;
    }
    .body-part-one{
        margin-left: -24px!important;
    }
    .body-part-two{
        margin-left: -15px;
    }

    #imagenes-puzzle-one, #imagenes-puzzle-two {
        margin-top: 0!important;
    }
    /***** end puzzle*****/
    /*****identifica*******/
    #identifica_template .pantalla_1{
        height: 52%;
        top: 16.5vh !important;
        opacity: 1;
    }
    #identifica_template .titulo-bold{
        font-size: 7vh !important;
    }

    /*****end identifica*****/


}
@media only screen and (orientation:landscape) and (min-width: 1000px) and (max-width: 1400px) and
(min-height: 600px) and (max-height: 1300px) {
    /****themes***/
    .swiper-slide img{
        width: 100% !important;
    }
    .img-themes {
        width: 92% !important;
    }
    /**** sidebar****/
    #boton-cerrar {
        text-align: left;
        margin-left: 50px;
        margin-top: 0;
        margin-right: 22px;
        color: white;
    }
    .sidenav a, .sidenav .titulo-menu, .sidenav .titulo-menu2 {
        text-decoration: none;
        font-size: 5.5vh !important;
        color: #818181;
        display: block;
        transition: 0.3s;
    }
    #content-menu-first{
        margin-top: 45px;
    }

    #content-menu-first a{
        margin-left: 50px;
        line-height: 45px;
    }

    #content-menu-second {
        position: absolute;
        bottom: 25px;
        width: 100%;
        margin-left: 50px;
    }
    #content-menu-second img{
        width: 20vh!important;
    }

    /*****end sidebar****/
    /***modal pares****/
    .header .titulo-medio-white {
        font-size: 45px;
        margin-top: 15px!important;
        letter-spacing: 1.5px;
    }
    #total1, #total2, #total3 {
        border: 0;
        border-radius: 47px;
        color: black;
        background-color: white;
        padding: 10px 26px;
        font-size: 30px;
    }
    .modal-open .modal {
        overflow: hidden;
    }
    .header {
        border-bottom: 0;
        text-align: center;
        padding: 30px 50px;
        line-height: 1.1;
        margin-top: 10px!important;
        position: relative;
    }
    .modal.show .modal-dialog {
        padding: 0 49px!important;
    }
    .modal-content {
        background-color: black;
        border: 1px solid black;
        border-radius: 42px;
        padding: 4px 8px !important;
        margin-top: -15px;
    }
    .modal-body {
        display: inline-block;
        font-family: VagBold;
        padding: 0 50px 30px 50px;
        margin-top: 0;
    }

    .titulo-medio-white {
        font-family: 'VagBlack';
        font-size: 38px;
        color: white;
        margin-top:15px!important;
    }
    .footer {
        margin-top: 10px;
    }
    .closer {
        position: absolute;
        font-size: 2.5em;
        color: white !important;
        font-weight: 400!important;
        top: 26px;
        right: 30px;
        background-color: transparent;
        border: 0;
    }
    #wet_template .container {
        margin-top: -70px;
    }
    #wet_template .desc-home-thin{
        font-size: 5.5vh;
    }

    #suggest-text {
        width: 70%;
        border-radius: 45px;
        padding: 6px 24px;
        background-color: black;
        color: white;
        margin: 14px 0;
        font-family: VagThin;
        font-size: 3.5vh;
        border: 1px solid black;
    }
    /****end modal pares***/
    /***sidebar****/
    #symbol-menu {
        border-style: none;
        width: 2.9vh;
        vertical-align: inherit !important;
    }

    .button-menu-left {
        position: relative;
        font-size: 3.5vh;
        color: black;
        cursor: pointer;
        text-align: left;
    }
    .link-underline {
        cursor: pointer;
        text-decoration: underline !important;
        font-size: 3.5vh;
        color: black;
    }
    .button-menu-right{
        width: 10.9vh;
    }
    .icon-back {
        position: relative;
        color: black;
        cursor: pointer;
        width: 10.9vh;
    }
    .icon-back img {
        width: 12.9vh;
    }

    .top-center .alineado-centrado {
        margin-top: -3px;
    }

    .selection-button-languages, .selection-button-languages:hover {
        border: 0.8px solid black;
        border-radius: 47px;
        color: white;
        background-color: black;
        padding: 4px 25px 2px 25px;
        font-size: 3.5vh;
        cursor: pointer;
    }

    .noselection-button-languages {
        border: 0.8px solid black;
        border-radius: 47px;
        color: black;
        background-color: transparent;
        padding: 4px 25px 2px 25px;
        font-size: 3.5vh;
        cursor: pointer;
    }

    .sidenav a, .sidenav .titulo-menu, .sidenav .titulo-menu2 {
        text-decoration: none;
        font-size: 3.5vh !important;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    /****end sidebar*****************/

    /*home*/
    .part-one-home{
        top:13.5%;
    }
    .part-two-home{
        top:22.5%;
    }
    .part-three-home{
        top:30.5%;
    }

    .part-four-home{
        top:0;
    }
    .part-five-home{
        top:20%;
    }
    .part-six-home{
        bottom:34%;
    }
    .part-seven-home{
        top:4%;
    }
    .part-eight-home{
        bottom:42%;
    }
    .part-nine-home{
        bottom:4%;
    }
    .part-ten-home{
        bottom:13%;
    }
    .part-eleven-home{
        bottom: 3.5%;
        font-size: 2.5vh;
        color: white;
        font-family: VagThin;
    }
    .button-back-black {
        padding: 10px 30px 10px 30px;
        font-size: 4vh;
    }
    .icon-up img {
        width: 14.9vh;
    }

    .titulo-juego{
        font-size: 10.5vh;
    }
    .titulo-medio{
        font-size: 7.5vh;
    }
    .titulo-home-medio{
        font-size: 11vh;
        font-family: 'VagBlack';
    }
    .desc-home-black {
        font-size: 5vh;
    }
    .desc-home-thin {
        font-size: 5vh;
    }
    /*end home*/

    #animalesArrayFirst {
        margin-left: 10px;
    }

    #animalesArraySecond {
        margin-right: 15px;
    }

    #second-part-premio {
        margin-top: 10px;
    }

    /*ahorcado*/
    #ahorcado_template .pantalla_1{
        top:3%!important;
        height: 75%;
    }

    .center-letters {
        padding: 0 60px;
    }
    .titulo-bold{
        font-size: 6vh;
    }
    .boxin {
        width: 70px;
        height: 75px;
        border-bottom: 3px solid black;
        color: black;
        display: inline-block;
    }
    .letra{
        font-size: 41.5px;
        margin: 0 7.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 70px;
        height: 70px;
        padding: 5.5px 0;

    }
    .letraNoOpacity {
        font-size: 41.5px;
        margin: 0 9.6px;
        border-radius: 45%;
        border: 1px solid white;
        color: white;
        width: 70px;
        height: 70px;
        padding: 5.5px 0;
        position: absolute;
        left: -8px;
        top: -2px;
    }
    #hueco-pista {
        margin-bottom: 60px;
    }
    /*****end ahorcado*******/

    /***puzzle*****/
    .body-part-one, .body-part-two {
        width: 238px !important;
        height: 493px !important;
    }
    .body-part-one{
        margin-left: -38px!important;
    }
    .body-part-two{
        margin-left: -15px;
    }


    #imagenes-puzzle-one, #imagenes-puzzle-two {
        margin-top: 0!important;
    }
    /***** end puzzle*****/
    /*****identifica*******/
    #identifica_template .pantalla_1{
        height: 52%;
        top: 22.5vh !important;
        opacity: 1;
    }
    #identifica_template .titulo-bold{
        font-size: 7vh !important;
    }
    /*****end identifica*****/


}