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

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

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

.box_centered_25{
    position:absolute; 
    top: 35.6%;
    left:7%; 
    right:15%; 
    text-align:left;
}


@media screen and (max-width: 700px){

    .box_centered{
        top: 27%;
        position:absolute; 
        left: 38px;
        right:45%; 
        text-align:left;
    }
    
    .box_centered_tercio{
        position:absolute; 
        top: 40%;
        left: 38px;
        right:30%; 
        text-align:left;
    }
    
    .box_centered_75{
        position:absolute; 
        top: 26%;
        left: 38px;
        text-align: left;
        right:30%; 
        text-align:left;
    }
    .box_centered_25{
        position:absolute; 
        top: 35.6%;
        left: 38px;
        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;
}

@media screen and (max-width: 400px){
    #more_post2{
        justify-content: center;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 700;
        margin-top: -2px;
        display: block;
    }
}
    #more_post2{
        justify-content: center;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 700;
        margin-top: 2px;
        display: block;
    }
    .centrado{
        text-align: center;
        clear: both;
    }