.box_centered{
    top: 25%;
    position:absolute; 
    left:7%; 
    right:45%; 
    text-align:left;
}

.box_centered_tercio{
    position:absolute; 
    top: 33%;
    left:7%; 
    right:30%; 
    text-align:left;
}

.box_centered_75{
    position:absolute; 
    top: 42%;
    left:7%; 
    right:30%; 
    text-align:left;
}

.titulo:hover, .extracto:hover{
    color: #f4364c;
}

@media screen and (min-width: 1100px){
    .img_responsiv{
        width: 100%;
        height:350px; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .titulo{
        font-size: 2.2em;
        color: white;
    }
    .extracto{
        font-size: 1.2em;
        color: white;
    }
}

@media only screen and (min-width: 501px) and (max-width: 1099px){
    .img_responsiv{
        width: 100%;
        height:300px; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
    }
    .titulo{
        font-size: 1.8em;
        color: white;
    }
    .extracto{
        font-size: 1em;
        color: white;
    }
}

@media screen and (max-width: 500px){
    .img_responsiv{
        width: 100%;
        height:200px; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
    }
    .titulo{
        font-size: 1.3em;
        color: white;
    }
    .extracto{
        font-size: 0.7em;
        color: white;
    }
}













@media screen and (min-width: 1100px){
    .img_responsiv_tercio{
        width: 100%; 
        height:250px; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (min-width: 501px) and (max-width: 1099px){
    .img_responsiv_tercio{
        width: 100%;
        height:225px; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
    }
}

@media screen and (max-width: 500px){
    .img_responsiv_tercio{
        width: 100%;
        height:200px; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
    }
}











@media screen and (min-width: 1100px){
    .img_responsiv_bottom{
        width: 100%; 
        height:600px; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (min-width: 501px) and (max-width: 1099px){
    .img_responsiv_bottom{
        width: 100%;
        height:400px; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
    }
}

@media screen and (max-width: 500px){
    .img_responsiv_bottom{
        width: 100%;
        height:200px; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media screen and (max-width: 800px){
    .movil{
        display: none;
    }
}
.movil{
    color: white !important;
    text-transform:uppercase;
}