body { background: #2e3d08 url("/userfiles/images/header/bg4.jpg") center center no-repeat; background-size: cover; color: #fff; }
    img.logo { width: 90%; max-width: 500px; }
    a.box { text-decoration: none; color: #333; background: #fff; display: block; padding: 0px; border-radius: 10px; margin: 20px; transition: .4s; }
    a.box:hover { background: #eee; transition: .2s; transform: scale(1.05); }
    a.box img { width: 100%; height: 250px; object-fit: cover; border-radius: 10px 10px 0 0; }
    a.box h1 { font-size: 30px; font-weight: 800; font-family: "Merriweather"; } 
    a.box h2 { font-size: 30px; font-weight: 800; font-family: "Merriweather"; } 
    a.box .text{ padding: 30px 30px 15px 30px; font-size: 16px; line-height: 30px;  }
    a.box .text i { margin-right: 10px; }
    a.box .website { color: #fff; font-size: 18px; padding: 20px 30px; width: 100%; border-radius: 0 0 10px 10px; background: #7a9e1a url("/theme/img/arrow.png") right 30px top 26px no-repeat;  }

@media (max-width: 700px) {
    a.box img { width: 100%; height: 160px; object-fit: cover; border-radius: 10px 10px 0 0; }
    a.box h1 { font-size: 20px; } 
    a.box h2 { font-size: 20px;  } 
    a.box .text { padding: 25px 25px 0 25px; font-size: 15px; line-height: 25px;  }
    a.box .text i { margin-right: 6px; }
    a.box .website { font-size: 15px; }
}