.pageWrapper{
    padding: 200px 0 0 0;
    background: var(--light-grey);
}

#blog_hero{
    padding-bottom: 80px;
}

#blog_deck{
    padding-bottom: 120px;
}

.grid .item{
    height: 100%; 
    position: relative;
    padding: 20px 20px 100px 20px;
    background: white;
}

.grid .item a.button{
    position: absolute; bottom: 20px; left: 20px;
}

.grid .item .textwrapper{
    padding: 20px 0 0 0;
}

.grid .item .textwrapper h3{font-size: 1.5em; line-height: 1.4em; padding-bottom: 1em;}

.grid .item .textwrapper p{font-size: 1em;}

.grid img{width: 100%;}

@media(max-width: 1023px){
    .grid_1_1_1{
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width: 840px){
    .grid_1_1_1{
        grid-template-columns: 1fr ;
    }
}