/*
============
Custom pais
============
*/


.pais-per .video-rey:after, .pais-per .video-rey:before {
    background: url("../img/bandera_video_peru.png") repeat-y;
}

.pais-per h1 {
    font-size: 270px;
    color: #f01918;
    background-image: url("../img/fondo_intro_peru.png");
    background-position: right 3% top 65% ;
     background-size: 400px;
    padding: .9em 0 .90em;
}

.pais-per h1 span {
    color: #79bf5b;
    margin-top: 20%;

}


.pais-per .encabezado .txt-intro {
    color: #79bf5b;
}



/*Información*/

.pais-per .info {
    margin-top: 10%;
}

.pais-per .txt_verde{
    color: #79bf5b;
}

.pais-per .txt_rojo{
    color: #f01918;
}

.pais-per .linea{
    margin-top: -250px!important;
}

.pais-per .r-3{
    margin-bottom: 10%;
}

.pais-per .el-2:after {
    content: "";
    display: block;
    position: absolute;
    width: 40%;
    height: 40%;
    background: url("../img/flecha_1_peru.png") no-repeat;
    background-size: contain;
    right: 90%;
    top: 30%;
    z-index:-1000;
}

.pais-per .el-8:after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 50%;
    background: url("../img/fondo_decorativo.png") no-repeat;
    background-size: contain;
    right: 70%;
    top: 60%;
    z-index:-1000;
}

#flecha_movil{
    display:none;
}

.el-1 span{
    left:42%;
}

/*
============
RESPONSIVE
============
*/

/*1200px hacia abajo*/
@media screen and (max-width: 1199px){

}

/*Fin 1200px*/


/*1100px hacia abajo*/
@media screen and (max-width: 1099px) {

}
/*Fin 1100px*/

/*Fin 1100px*/
/*992px hacia abajo*/
@media screen and (max-width: 992px) {

    .pais-per h1 {
    font-size: 240px;
    background-size: 310px;
    background-position: right 20% top 58% 

    }   

}


/*Fin 992px*/
/*768px hacia abajo*/
@media screen and (max-width: 768px){

    .pais-per h1 {
    background-size: 300px;
    background-position: right 5% top 50% 

    }  

    .pais-per .el-2:after {
    width: 30%;
    height: 40%;
    right: 90%;
    top: 30%;
    }

.pais-per .el-8:after {
    right: 80%;
    top: 65%;
    }

.el-1 span{
    left:50%;
}

}

/*Fin 768px*/
/*576px hacia abajo*/
@media screen and (max-width: 576px){

    .pais-per h1 {
    background-size: 200px;

    } 

    
    .pais-per .linea{
    margin-top: -150px!important;
    }

    .pais-per h1 {
    font-size: 180px;
    }  

    .pais-per h1 span {
    margin-top: 25%;
    }

    #flecha_movil{
    display: block;
     margin: 0 auto;
    }
     

    #flecha_peru{
    display:none;
    }

    .plato_decorativo{
             margin: 0 auto;

    }



}


/*Fin 576px*/
/*480px hacia abajo*/
@media screen and (max-width: 480px){


    
    .pais-per .linea{
    margin-top: -100px!important;
    }



    .pais-per h1 {
    font-size: 110px;
    }   

    .pais-per h1 span {
     margin-top: 20%;

}

    .ingrediente {
    font-size: 39px !important;
    top: 50%;
    left: 42%;
    }

    .pais-per .el-2:after {
    width: 60%;
    height: 60%;
    right: 50%;
    top: -10%;
    z-index:-1000;
    transform: rotate(30deg);
    }

    .pais-per .el-8:after {
    right: 68%;
    top: 60%;
    z-index:-1000;
    }
    
    .el-1 span{
    left:42%;
    }



}

/*Fin 480px*/