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

    .header__text-box {
        width: 80%;
    }

    .header__text-box {
        top: 50%;
    }

    .heading-primary {
        font-size: 35px;
        line-height: 45px;
        font-weight: 500;
    }

    .heading-secondary {
        font-size: 19px;
        line-height: 25px;
    }

    .section-about {
        padding: 50px 20px;
    }

    .section-fuel-card {
        padding: 50px 20px;
    }

    .fuel-card__benefits-box {
        flex-direction: column;
    }

    .fuel-card__benefits-box-iem {
        flex: 0 0 100%;
    }

    .section-benefits {
        padding: 40px 20px;
    }

    .tracking-box__inner-box {
        flex-direction: column;
    }

    .tracking-box__img-box img {
        margin: 10px 0;
    }

    .purchase-box__inner-box {
        flex-direction: column;
    }

    .purchase-box__img-box img {
        margin: 10px 0;
    }

}