.flex-container.blog{
	margin: 0 -14px;
}
.blog-box {
	margin: 0 14px 60px;
	width: calc(100% / 3 - 28px);
}
a.blog-box-image {
	display: block;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	border-radius: 14px;
	overflow: hidden;
}
a.blog-box-image:after {
	content: '';
	display: block;
    padding-top: 72.22%;
}
a.blog-box-image:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1;
	background-color: rgba(0,0,0,0.24);
	transition: 0.75s;	
}
.blog-box:hover a.blog-box-image:before {
	opacity: 0;
}
a.blog-box-image img{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;	
}
.blog-box-content {
	min-height: 105px;
}
.blog-box-content h3{
	font-size: 15px;
	line-height: 16px;
	margin: 14px 0 6px;
    font-weight: 400;
	color:#B4B4B4;
}
.blog-box-content h2{
	font-size: 18px;
	line-height: 25px;
	margin: 0px 0 21px;
    font-weight: 400;
	color:#57A9D3;
}
.blog-box-content .author {
	display: flex;
	align-items: center;
}
.author-img {
	width: 31px;
	margin-right: 14px;
    flex-shrink: 0;
	line-height: 0;	
	transition: 0.75s;
	transform-origin: right bottom;	
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;	
}
.blog-box:hover .author-img {
	transform: scale(1.45);

}
.author-text {
	color:#585656;
	font-size: 15px;
	line-height: 16px;
}

.header-home.section {
	position: relative;
    padding-bottom: 28vw;	
	overflow: hidden;
}
#blog {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 107%;
    direction: ltr;
}
#blog.ltr {
	right: 0;
    left: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.header-home h1{
	margin-top: 5vw;
}
@media (max-width: 1199px){
	.header-home h1{
		margin-top: 3vw;
	}
	.blog-box {
		width: calc(100% / 2 - 28px);
	}	
}
@media (max-width: 991px){
	.header-home h1 {
		margin-top: 5px;
	}
}
@media (max-width: 767px){
	.blog-box {
		width: 100%;
		max-width: 350px;
		margin: 0 auto 60px;
	}
}