@media screen and (max-width: 1080px) {


    /***** Structure *****/
    #blog {
        position: relative;
    }
    #blog section {
        margin: 50px 0;
    }

    /***** Intro *****/
    #blogIntro {
        position: relative;
    }
    #blogIntro {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    #blogIntro {
        padding: 50px 30px;
    }
    #blogIntro div {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    #blogIntro div h6, #blogIntro h2, #blogIntro div p {
        font-weight: 400;
        color: #fff;
    }
    #blogIntro h6 {
        font-family: 'content-font';
        font-size: 10px;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 4px;
    }
    #blogIntro h2 {
        font-family: 'title-font';
        font-size: 26px;
        text-transform: uppercase;
        letter-spacing: 4px;
    }
    #blogIntro div p {
        font-family: 'content-font';
        font-size: 16px;
        text-align: justify;
        line-height: 25px;
    }

    /***** Image *****/
    #blogImage {
        position: relative;
    }
    #blogImage {
        width: 100%;
        height: 350px;
    }
    #blogImage {
        object-fit: cover;
        object-position: center;
    }

    /***** Illustrations *****/
    #blogIllustrations {
        position: relative;
    }
    #blogIllustrations {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    #blogIllustrations img {
        width: 100%;
        height: 500px;
    }
    #blogIllustrations img {
        object-fit: cover;
        object-position: center;
    }


    


}