.resource-front{border-style:solid;border-width:10px;border-color:#fff}.resource-inner{float:left;width:31.5%}.resource-inner1:hover{background-color:#fff;transition:.3s}.resource-inner1{margin:20px;position:relative;min-height:460px !important}.resource-inner1-h{margin:20px;position:relative;min-height:460px !important}.resource-back{position:absolute;top:0;left:0;right:0px;height:100%;background:rgba(108,130,0,0.75);text-align:center;color:#fff;transition:.8s ease;opacity:0}.resource-back h2{color:#fff;font-size:24px;align-items:center;margin-bottom:0}.resource-back p{align-items:center;width:100%}.resource-back a{border:1px solid #8d0000;display:inline-block;color:#8d0000;padding:8px 10px;background:#fff;font-size:15px;margin-top:5px;align-items:center;width:100%;max-width:60%;margin:10px auto}.resource-back-inner{height:100%;display:flex;align-content:center;flex-wrap:wrap;padding:10px}.resource-below{text-align:center;padding:15px;transition:.3s}.resource-below:hover{background-color:#fff}a.resource-below:hover{color:#d63524}a h3:hover{color:#d63524 !important;transition:.3s}a:hover{color:#d63524 !important}.tag{text-transform:uppercase;color:#d63524 !important;font-size:14px}@media only screen and (min-width:768px) and (max-width:1024px) and (orientation :portrait){.resource-inner{float:left;width:33.33%}}@media(max-width:767px){.resource-inner{float:left;width:49%}}@media(max-width:479px){.resource-inner{float:none;width:100%}}