Resources

.resource-wrap{
display:flex;
flex-flow:row wrap;
}
.resource-box{
height: 200px;
position: relative;
border: 7px solid #eee;
margin: 15px 5px;
width: calc(25% – 30px);
min-width: 200px;
display: inline-block;
}
.resource-box a{
display: block;
width: 100%;
height: 100%;
}
.resource-box a span{
position: absolute;
bottom: 25px;
padding: 15px;
background-image: linear-gradient(to left,rgba(0,0,0,.65),rgba(0,0,0,.85));
width: calc(100% – 30px);
color: #fff;
font-size: 1.65rem;
}