/* =================
   Blog content
   ================= */

.blog-content{
    text-align: left;
    margin-top:2em;
}

.blog-content h1{
    font-size:2.86rem;
    font-weight: 700;
    line-height: 34.62px;
    letter-spacing: -0.03em; 
    margin:0.5em 0;
}

.blog-content p{
    font-size:1.43rem;
    font-weight:400;
    line-height:1.26;
    color:151515;
}

.img{
    width:100%;
    height:45vw;
    background-image: url("images/blog-image-hero.png");
    /* object-fit:cover;
    object-position: 0% 68%; */
    transform: rotateY(180deg);
    background-color: rgba(0, 0, 0, 0.31);
    background-blend-mode: darken;
    background-position: 0% 68%;
    background-size: cover;  
    margin:2.2em 0 3em;
}

/* =================
   Typography
   ================= */
   .strong-text{
    font-weight: 700;
    font-size:1.43rem;
    display:block;
    /* margin-bottom:1.5em; */
   }

   .section-title{
    font-size:1.43rem;
    text-align: center;
    font-weight:700;
    line-height:1.26;
    margin-bottom: 1.6875em;
   }
 
   @media(min-width:768px){
        body{
            background-color: #FAFAFA;
        }
        .site-header-wrap{
            background-color:#FFFFFF;
        }
        .blog-content{
            margin-top:4.4375em;
        }
   }