@media (max-width: 478px) {

    /* GLOBAL */
    h1 {
        font-size: 28px;
        box-sizing: content-box;
        text-align: center;
    }

    h2 {
        font-size: 20px;
        text-align: center;
    }

    p {
        font-size: 14px;
    }

    .two-col-section {
        display: flex;
        gap: 16px;
        padding: 60px var(--global-side-padding);
        flex-direction: column;
    }

    .single-col-section {
        padding: 60px var(--global-side-padding);
    }

    /* HEADER */
    .hero-section {
        background-position-x: 220px;
        background-position-y: -30px;
    }

    .title-text {
        width: auto;
        text-align: center;
    }

    .nav-logo {
        width: auto;
        height: 27;
    }

    .pk-flag {
        display: inline;
        height: 20px;
        width: auto;
    }

    /* SECTION 1 */
    .quote {
        padding: 20px 12px;
    }

    .quote-title {
        font-size: 22px;
    }

    /* SECTION 2 */
    .assets-container {
        text-align: center;
    }

    .assets-container-child {
        flex: 1;
        max-width: 130px;
        /* text-align: center; */
    }
}