
.cn {

    display: flex;
    justify-content: center;
    width: 70%;
    height: 100%;

}

.inner-center{
    width: 90%;
    align-self: flex-end;

}
.inner-bottom{
    width: 10%;
    align-self: flex-end;

}

.parax-img .boton{
    /*float: right;*/
    /*margin-right: 120px;*/

}

.parax-img-cont{
    bottom: 0px;
    position: absolute;
    width: 100%;
    padding: 20px 23px 14px 200px;
}

@media(max-width:767px){
    .parax-img-cont{
        position: relative;
        padding: 5px 5px 5px 20px;
    }

    .parax-img .boton{
        float: right;
        margin-right: 30px;

    }
}
/*
.parax-img h1 {
    color: #fff;
    font-size: 80px;
    text-align:left;
    font-weight: bold;
    margin: 0 auto;
    width: 800px;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -20%;
    margin-left: -400px;
    opacity:0.8;
}
*/
.parax-img h2{
    color: #fff;
    font-size: 55px;
    text-align:left;
    opacity:0.8;
}
@media(max-width:767px){
    .parax-img h2{
        font-size: 35px;
    }
}




@media(max-width:767px){
    .img-respons{
           width: 95% !important;
        margin: auto;
        margin-left: 3px;
    }
    .parax-img > img{
        width: 100%;
    }
    .image1 {
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden; 
    }
    .image2 {
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden; 
    }
}
.parax-img{
    width: 100vw;
}

.parax-img > img{
    width: 100vw;
}

.image1 {
    position:relative;
    background: url('../../imgs/home.jpg') no-repeat fixed;
    background-position: center;
    -webkit-background-size: 100% 75%;
    -moz-background-size: 100% 75%;
    -o-background-size: 100% 75%;
    background-size: 100% 75%;
    min-height: 500px;

}
.image2 {
    position:relative;
    background: url('../../imgs/nuestro_equipo.jpg') no-repeat fixed;
    background-position: center ;
    -webkit-background-size: 100% 75%;
    -moz-background-size: 100% 75%;
    -o-background-size: 100% 75%;
    background-size: 100% 75%;
    min-height: 500px;

}

.parax-content-opac{
    font-family: Lato,Arial,sans-serif;
}
.parax-content-opac h2{
    font-size: 20px;
    color: #020202;
    opacity: 1;
}


@media(min-width:767px){
    .parax-content-opac{
        background-color: black;
        opacity: 0.6;
        bottom: 416px;
        position: relative;
        width: 60%;
        padding: 20px 23px 14px 15%;

    }
    .img-respons{
        width: 95% !important;
        margin: auto;
        margin-left: 3px;
    }

    .parax-1{
        height: 524px;
    }
    .parax-1 >img{
        height: 524px;
    }
    .parax-content-opac h2{
        font-size: 30px;
        color: white;
    }


    .parax-img .btn1{
        float: right;
        position: relative;
        top: -170px;
        right: 293px;
        border-radius: 4px;
    }

    .parax-img .btn2{
        float: right;
        position: relative;
        top: -105px;
        right: 143px;
        border-radius: 4px;
    }
}



