.blog_header{background: url(../img/blog_banner.webp) no-repeat;height: 355px;background-size: cover;display: flex;justify-content: center;align-items: center;}
.blog_header_box{text-align: center;}
.blog_header_box h1{font-family: var(--font-black);color: var(--white-color);font-size: 48px;margin-bottom: 10px;}
.blog_header_box p{font-family: var(--font-light);color: var(--white-color);line-height: 1.48;}
.blog_body{padding: 50px 0;}
.blog_row{width: 100%;max-width: 1100px;margin: 0 auto;justify-content: space-between;align-items: start;flex-wrap: wrap;display: flex;}
.blog_box{width: calc(100%/3 - 15px);margin-bottom: 20px;padding-bottom: 20px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;align-self: stretch;}
.blog_box:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.blog_box img{border-radius: 15px;margin-bottom: 10px;}
.blog_inner_box{padding: 0 15px;}
.blog_inner_box p{font-family: var(--font-light);color: var(--thin-black-color);margin-bottom: 10px;}
.blog_inner_box h3{font-size: 22px;font-family: var(--font-medium);line-height: 1.32;}

@media only screen and (max-width: 768px) {
    .blog_header{height: auto;}
    .blog_header_box{padding: 60px 20px;}
    .blog_row{padding: 0 15px;}
    .blog_box{width: calc(100%/2 - 5px);}
}

@media only screen and (max-width: 479px) {
    .blog_box{width: calc(100%);}
}


@media only screen and (min-width: 768px) and (max-width: 991px){
    .blog_header{height: auto;padding: 60px 0;background-position: center;}
    .blog_header_box{max-width: 650px;}
    .blog_header_box h1{font-size: 36px;}
    .blog_header_box p{padding: 0 10%;}
    .blog_body{max-width: 760px;margin: 0 auto;}
    .blog_inner_box p{font-size: 14px;}
    .blog_inner_box h3{font-size: 18px;}
}

@media only screen and (min-width: 992px) and (max-width: 1279px){
    .blog_header{height: 270px;}
    .blog_header_box{max-width: 800px;}
    .blog_header_box h1{font-size: 40px;}
    .blog_header_box p{padding: 0 10%;}
    .blog_body{max-width: 900px;margin: 0 auto;}
    .blog_inner_box p{font-size: 14px;}
    .blog_inner_box h3{font-size: 20px;}
}