.navbar-wrapper {
    background-position: center right;
    background-repeat  : no-repeat;
    background-size    : cover;
    height             : 72.3rem;
}



.newsDetailsContainer {
    max-width     : 927px;
    padding-left  : 2.8rem;
    padding-right : 2.8rem;
    margin        : auto;
    padding-top   : 6.3rem;
    padding-bottom: 15.1rem;

}


.newsDetailsContainer h6 {
    font-weight   : normal;
    font-size     : 1.6rem;
    line-height   : 1.9rem;
    letter-spacing: -0.02em;
    color         : #BBC9ED;
    margin-bottom : 2.4rem;
}

.newsDetailsContainer h1 {
    font-weight   : bold;
    font-size     : 5.2rem;
    line-height   : 6.2rem;
    letter-spacing: -0.03em;
    color         : #E6EAF5;
    margin-bottom : 5.6rem;
}

.newsDetailsContainer p {
    font-weight: normal;
    font-size  : 1.7rem;
    line-height: 3rem;
    color      : #E6EAF5;

}


/* Related News */
.relTitle {
    font-weight   : bold;
    font-size     : 3.2rem;
    line-height   : 3.9rem;
    letter-spacing: -0.03em;
    color         : #E6EAF5;
    margin-bottom : 4rem;
}


.relNewsCard {
    display      : flex;
    margin-bottom: 4rem;
    align-items  : center;
}

.relNewsCard>div:first-child {
    max-width   : 19.5rem;
    margin-right: 2.2rem;
}

.relNewsCard>div:first-child h6 {
    display: none;
}

.relNewsCard>div:last-child {
    max-width: 39.5rem;
}

.relNewsCard img {
    width: 100%;
}

.relNewsCard h6 {
    font-weight   : normal;
    font-size     : 1.6rem;
    line-height   : 1.9rem;
    letter-spacing: -0.02em;
    color         : #BBC9ED;
    margin-bottom : 1.2rem;
}

.relNewsCard h1 {
    font-weight   : bold;
    font-size     : 2.4rem;
    line-height   : 3.4rem;
    letter-spacing: -0.03em;
    color         : #E6EAF5;
}

.relatedNewsBx {
    padding-bottom: 18.5rem;
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .navbar-wrapper {
        height: 191px;
    }

    .newsDetailsContainer {
        text-align    : center;
        padding-top   : 15px;
        padding-bottom: 53px;
    }

    .newsDetailsContainer h6 {
        font-size     : 12px;
        line-height   : 15px;
        letter-spacing: -0.02em;
        margin-bottom : 28px;
    }

    .newsDetailsContainer h1 {
        font-size     : 19px;
        line-height   : 25px;
        text-align    : center;
        letter-spacing: -0.03em;
        margin-bottom : 31px;

    }

    .newsDetailsContainer p {
        font-size  : 16px;
        line-height: 25px;
        text-align : left;
    }


    .relTitle {
        font-size     : 20px;
        line-height   : 24px;
        letter-spacing: -0.03em;
        margin-bottom : 34px;
    }

    .relNewsCard>div:first-child h6 {
        display       : block;
        margin-bottom : 11px;
        font-size     : 12px;
        line-height   : 15px;
        letter-spacing: -0.02em;

    }

    .relNewsCard>div:last-child h6 {
        display: none;
    }

    .relNewsCard h1 {
        font-size     : 15px;
        line-height   : 25px;
        letter-spacing: -0.03em;
        max-width     : 162px;
        padding-top   : 15px;
    }

    .relNewsCard>div:first-child {
        max-width   : 125px;
        margin-right: 27px;
    }

    .relatedNewsBx {
        padding-bottom: 194px;
    }
}