@media screen and (max-width:1224px) {
    .home-content-wrapper {
        padding: 0px 32px;
    }
}

@media screen and (max-width:1000px) {
    .wrapper-header-text {
        width: 100%;
        align-items: center;
    }

    .wrapper-header-text h1 {
        text-align: center;
    }

    .article-container {
        margin: 0px auto;
        padding: 24px 16px;
        max-width: 1224px;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        border-bottom: 1px solid var(--grey-80);
    }

    .article-container-header {
        margin: 0px auto;
        padding: 24px 16px;
        max-width: 1224px;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        border-bottom: 1px solid var(--grey-80);
    }


    .followup-stock-inner {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 32px;
    }

    .followup-section-text {
        align-items: center;
        /* justify-content: center; */
    }

    .followup-stock-inner h2 {
        text-align: center;
    }

    .followup-stock-inner p {
        text-align: center;
    }

    .green-section {
        background-color: var(--brand-green-05);
        border-left: unset;
        border-right: unset;
        border-radius: 0px;
    }

    .blue-section {
        /* background-color: var(--brand-light-blue-05); */
        border-left: unset;
        border-right: unset;
        border-radius: 0px;
    }

    .box-item {
        width: 100%;
        display: flex;
        flex-grow: 0;
    }

    .aside-section {
        margin: 0px auto;
        padding: 0px;
        max-width: 100%;
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        align-items: start;
        justify-content: center;
        gap: 32px;
    }
}

@media screen and (max-width:772px) {
    .divider-vertical {
        display: none;
    }

    .mobile-center {
        align-items: center;
    }

    .home-content-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .footer-logo-link {
        justify-content: center;
    }
}

@media screen and (max-width:472px) {
    h1 {
        font-size: 42px;
    }

    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 20px;
    }
}