.blog-posts{display:flex;flex-wrap:wrap;gap:40px}.blog-post{background:#161617;border:1px solid #3f3f40;overflow:hidden;width:22.6%}.blog-post:hover{background-color:#000;transform:translateY(-5px);transition:.5s}.blog-post:hover img{margin-bottom:8px;transform:scale(1.1);transition:all .3s ease-in}.blog-post:hover .blog-post-title a{text-decoration:underline}.blog-post img{height:190px;object-fit:cover;width:100%}.blog-post-content{padding:30px}span.blog-post-tags a{border:1px solid #a1b5cb;border-radius:5px;color:#a1b5cb;font-size:14px;margin-right:5px;padding:2px 5px}h2.blog-post-title{line-height:20px;margin:5px 0 12px}h2.blog-post-title a{color:#fff;font-size:16px;font-weight:800}.blog-post-summary a,.blog-post-summary h2,.blog-post-summary p,.blog-post-summary span{color:#fff;font-size:15px;margin-bottom:2px}span.blog-post-date{color:#fff;font-size:12px}@media only screen and (min-device-width:768px) and (max-device-width:1023px) and (orientation:portrait){.blog-post{width:47%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.blog-post{width:22.5%}.blog-posts{gap:30px}.blog-post-content{padding:20px}}@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait){.blog-post{width:47.6%}}@media only screen and (max-width:767px){.blog-post{margin:0 20px;width:100%}.blog-post-content{padding:20px 30px 30px}}