.width_3{
width:31%;
float:left;
margin:1% 1% ;
}


@media only screen and (min-width: 0px) and (max-width: 700px) {
.width_3 {
width:98%;
float:left;
margin:1% 1% ;
}

} 

@media only screen and (min-width: 701px) and (max-width: 1300px) {
.width_3 {
width:48%;
float:left;
margin:1% 1% ;
}
} 

.post-articles-module {
padding-bottom:30px;
}

.post-article{
position: relative;
float:left;
}

.post-thumbnail img{
-webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
opacity: 0.05;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height:100% !important;
text-decoration: none;
background-size:cover !important ;
margin:0 ;
padding:0 ;
position:absolute;
top:0;
left:0;
bottom:0;
}

.post-article:hover .post-thumbnail img{
opacity: 1;
-webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
float:left; 
width: 100%;
height:100%;
text-decoration: none;
background-size:cover !important ;
margin:0 ;
padding:0 ;
}  

.post__link{
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.post-content{
position: relative;
z-index: 1;
padding: 3.125rem 2.625rem 2.0rem; 
text-align:left !important;
}

.post-date{
padding-bottom: 7%;
} 

.post-date span:not(.time){
display: block;
margin-bottom: .75rem;  
} 

.day-post {
font-size: 3.5rem;
font-weight: 900;
line-height: 0.75; 
text-transform: uppercase;
color:#999;
text-align:left;
}

.month-post {
font-weight: 100;
line-height: 0.75;
text-transform: capitalize;
text-align:left;
}

.post-cat{
display: block;
margin-bottom: 0.550rem;
text-transform:capitalize;
}

.post-title{
font-weight: 700;
line-height: 1.3;
letter-spacing: -.5px;
text-transform:uppercase;
}

.post-text p{
font-weight: 100;
line-height: 1.5;
text-transform:capitalize;
}