
.featured-blog-posts-block {padding:100px 0;}

.featured-blog-posts-block .blog-posts {display:flex; flex-wrap:wrap; justify-content:space-between;}

.featured-blog-posts-block .blog-posts .blog-post:first-child {flex:0 0 100%; display:flex; flex-direction:row; margin-bottom:60px;}
.featured-blog-posts-block .blog-posts .blog-post:first-child .thumbnail {position:relative; flex:0 0 65%; aspect-ratio:none;}
.featured-blog-posts-block .blog-posts .blog-post:first-child .thumbnail img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.featured-blog-posts-block .blog-posts .blog-post:first-child .content {padding-left:30px; flex:0 0 35%;}
.featured-blog-posts-block .blog-posts .blog-post:first-child .content h3 {margin-top:5px;font-size:30px; color:var(--color-headline); text-transform:uppercase; margin-bottom:15px;}
.featured-blog-posts-block .blog-posts .blog-post:first-child .content h3 a {font-weight:bold; text-decoration:none;}
.featured-blog-posts-block .blog-posts .blog-post:first-child .content .button-wrapper {margin-top:30px;}

.featured-blog-posts-block .blog-posts .blog-post.small {flex:0 0 calc(33.33% - 30px); display:flex; flex-direction:column;}
.featured-blog-posts-block .blog-posts .blog-post.small .thumbnail {position:relative; aspect-ratio:16/9; display:block; margin-bottom:15px;}
.featured-blog-posts-block .blog-posts .blog-post.small .thumbnail img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.featured-blog-posts-block .blog-posts .blog-post.small h3 {margin-top:5px;font-size:30px; color:var(--color-headline); text-transform:uppercase; margin-bottom:15px;}
.featured-blog-posts-block .blog-posts .blog-post.small h3 a {font-weight:bold; text-decoration:none;}
.featured-blog-posts-block .blog-posts .blog-post.small .button-wrapper {margin:auto 0 15px;}

@media (max-width:700px) {
	.featured-blog-posts-block {padding:50px 0;}
	.featured-blog-posts-block .blog-posts .blog-post.small h3 {font-size:20px; margin-bottom:5px;}
	.featured-blog-posts-block .blog-posts .blog-post:first-child .content h3 {font-size:20px; margin-bottom: 5px;}
	.featured-blog-posts-block .blog-posts {display:block;}
	.featured-blog-posts-block .blog-posts .blog-post:first-child {display:block;}
	.featured-blog-posts-block .blog-posts .blog-post:first-child .thumbnail {aspect-ratio:16/9; display:block;}
	.featured-blog-posts-block .blog-posts .blog-post:first-child .content {padding-left:0;}
	.featured-blog-posts-block .blog-posts .blog-post.small {margin-bottom:30px;}
	.featured-blog-posts-block .blog-posts .blog-post:first-child .content .button-wrapper{
		margin-top: 15px;
	}

}