.box_centered{
    top: 15%;
    position:absolute; 
    left:33px;
    right:45%; 
    text-align:left;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    -o-hyphens:auto;
    hyphens:auto;
    word-wrap:break-word;
}

.box_centered_tercio{
    position:absolute; 
    top: 10%;
    left:33px; 
    right:30%; 
    text-align:left;
    overflow: hidden;
    max-height: 200px;
     -moz-hyphens:auto;
     -ms-hyphens:auto;
     -webkit-hyphens:auto;
     -o-hyphens:auto;
     hyphens:auto;
     word-wrap:break-word;
}

.box_centered_75{
    position:absolute; 
    top: 42%;
    left:33px; 
    right:30%; 
    text-align:left;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    -o-hyphens:auto;
    hyphens:auto;
    word-wrap:break-word;
}

.box_centered_25{
    position:absolute; 
    top: 35.6%;
    left:33px; 
    right:15%; 
    text-align:left;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    -o-hyphens:auto;
    hyphens:auto;
    word-wrap:break-word;
}


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

    .box_centered{
        top: 27%;
        position:absolute; 
        left: 30px;
        right:45%; 
        text-align:left;
    }
    
    .box_centered_tercio{
        position:absolute; 
        top: 10%;
        left: 30px;
        right:30%; 
        text-align:left;
    }
    
    .box_centered_75{
        position:absolute; 
        top: 26%;
        left: 30px;
        text-align: left;
        right:30%; 
        text-align:left;
    }
    .box_centered_25{
        position:absolute; 
        top: 35.6%;
        left: 30px;
        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: 1.8em;
        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.4em;
        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: 1em;
        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;
    margin-bottom: 10px;
    width: 400px !important;
}

@media screen and (max-width: 400px){
    #more_post{
        justify-content: center;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 700;
        margin-top: -2px;
        display: block;
    }
}

    #more_post{
        justify-content: center;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 700;
        margin-top: 2px;
        display: block;
    }
    .centrado{
        text-align: center;
        clear: both;
    }