.featured-posts { padding: 2em 0; }
.featured-posts .intro { text-align: center; margin-bottom: 2em; }
.featured-posts .outro { margin: var(--outro-margin); text-align: center; }
.featured-posts .outro .btn { display: inline-block; }
.featured-posts .posts .featured-post .img-wrapper { width: 100%; padding-bottom: 57%; max-height: 220px; }
.featured-posts .posts .featured-post .img { width: 100%; padding-bottom: 57%; background-position: center; background-size: cover; }
.featured-posts .posts .featured-post a { border-bottom: 1px solid #656565; padding-bottom: .1em; }
.featured-posts .posts .featured-post h3 { font-size: 1.375em; line-height: 1.75em; margin-top: 1.2em; }
.featured-posts .posts-grid { margin-left: -3.75em;}
.featured-posts .posts-grid > .grid-item { padding-left: 3.75em; width: var(--grid-width); margin: var(--post-margin); }