body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1500px;
    background-color: var(--primary-light);
    z-index: -1;

    @media screen and (max-width: 1183px) {
        height: 1450px;
    }

    @media screen and (max-width: 743px) {
        height: 2600px;
    }

    @media screen and (max-width: 530px) {
        height: 2610px;
    }

    @media screen and (max-width: 387px) {
        height: 2630px;
    }
}

body {
    .header__container {
        background-color: var(--primary-light);
        @media screen and (max-width: 1183px) {
            background-color: var(--white);
        }
    }

    .menu-trigger {
        background-color: var(--primary-light);
        @media screen and (max-width: 1183px) {
            background-color: var(--white);
        }
    }

    .menu-container:hover .menu-trigger {
        background-color: var(--white);
    }
}

.journal-tags-list-item:not(.journal-tags-list-item-all) {
    background-color: var(--white) !important;
}

.journal-tags-list-item-all {
    background-color: var(--primary-bg) !important;

    a {
        color: var(--white) !important;
    }
}

.subscribe-to-media-logos {
    background-color: var(--white);
}

.blog-wrapper-top {
    margin-bottom: 180px;


    @media screen and (max-width: 1183px) {
        margin-bottom: 120px;
    }

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

        margin-top: 56px;
        margin-bottom: 60px;


        .blog-wrapper-top__title {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        h1 {
            max-width: 300px;
        }
    }

    @media screen and (max-width: 530px) {
        margin-bottom: 50px;
    }

    @media screen and (max-width: 387px) {
        height: 2630px;
    }
}