.wrapper-resources{padding:100px 0 70px;}
.four-col-resources{margin-bottom:70px;}
.four-col-resources:last-child{margin-bottom:0;}
.four-col-resources .resource { border: 1px solid #d9d9d9; box-shadow: 0 1px 1px rgba(0,0,0,.09); width: calc(25% - 23px); margin-right: 30px; margin-bottom: 30px;border-radius: 4px;border-top-right-radius: 0;border-top-left-radius: 0; }
.four-col-resources .resource:nth-child(4n){margin-right:0;}
.four-col-resources a.resource-link { height: 100%; width: 100%; display: block;  }
.four-col-resources figure.resource-img { height: 200px; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; }
.four-col-resources .resource-detail { padding: 15px; font-size: 14px; color: #2c2c2c; line-height: 1.5; }
.four-col-resources a.resource-link:hover .resource-detail{ color: #257cf1;-webkit-transition: all .35s ease 0s;transition: all .35s ease 0s;}
.four-col-resources h2 { font-family: 'Arial-Regular'; font-size: 36px; color: #0f2c6e; line-height: 0.92; border-bottom: 3px solid #0f2c6e; padding-bottom: 5px; margin-bottom: 30px; }

@media(max-width:1200px){
.wrapper-resources{padding:70px 0 40px;}
.four-col-resources{margin-bottom:40px;}
}

@media(max-width:1024px){
.wrapper-resources{padding:50px 0 20px;}
.four-col-resources{margin-bottom:20px;}
.four-col-resources h2 { font-size: 30px;}
}

@media(max-width:900px){
.four-col-resources .resource{ width: calc(25% - 15px); margin-right: 20px; margin-bottom: 20px;}
.wrapper-resources{padding:50px 0 30px;}
.four-col-resources{margin-bottom:30px;}
.four-col-resources .resource:nth-child(4n){margin-right:0;}
}

@media(max-width:768px){
.four-col-resources .resource{ width: calc(33.33% - 14px);}
.four-col-resources .resource:nth-child(4n) { margin-right: 20px;}
.four-col-resources .resource:nth-child(3n){margin-right:0;}
}

@media(max-width:767px){
.four-col-resources h2 { font-size: 24px;}
}


@media(max-width:640px){
.four-col-resources .resource{ width: calc(50% - 10px);}
.four-col-resources .resource:nth-child(3n) { margin-right: 20px;}
.four-col-resources .resource:nth-child(2n){margin-right:0;}
}

@media(max-width:480px){
.four-col-resources .resource{ width: 100%; margin-right: 0;}
.four-col-resources .resource:nth-child(3n) { margin-right: 0;}
}