.blog-wrapper{margin:30px auto 100px;max-width:1200px;padding:30px}.content-wrapper{display:flex;gap:30px}.blog-post{width:70%}.blog-img,.blog-img-placeholder{background:#ececec;margin-bottom:30px;max-height:480px;min-height:300px;object-fit:cover;width:100%}.blog-post__tags,.blog-post__timestamp{font-size:14px;text-transform:uppercase}.blog-post__tags{margin:20px 0}.blog-post__body{max-width:700px}.blog-right{margin-left:30px;width:calc(20% - 30px)}.blog-post__body img{margin:20px 0;max-width:100%}.related-blog-item{margin-bottom:30px}.related-post-image{min-height:130px;object-fit:cover}.related-btn{align-items:center;border:2px solid;border-radius:4px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;margin-top:10px;padding:6px 20px}.related-btn:hover{text-decoration:none}@media(max-width:1200px){.blog-wrapper{padding:30px}}@media(max-width:980px){.blog-wrapper .blog-index__post{width:calc(50% - 15px)}.blog-right{margin-left:10px;width:calc(30% - 30px)}}@media(max-width:680px){.blog-wrapper .blog-index__post{width:100%}.content-wrapper{flex-direction:column}.content-wrapper .blog-post{width:100%}.content-wrapper .blog-right{margin-left:0;width:100%}.related-posts-wrapper{display:flex;flex-wrap:wrap;gap:20px}.content-wrapper .blog-right .related-blog-item{width:calc(33.333% - 10px)}}@media(max-width:448px){.content-wrapper .blog-right .related-blog-item{width:100%}}