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

    .header__text-box {
        width: 90%;
    }

    .heading-primary {
        font-size: 33px;
        line-height: 39px;
        font-weight: 500;
    }

    .heading-secondary {
        font-size: 23px;
        line-height: 27px;
    }

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

    .section-about__box {
        flex-direction: column;
    }

    .section-about__img-box img{
        margin-top: 15px;
    }

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

        .gas-card__item{
        flex: 0 0 100%;
    }

    .section-business-needs{
        padding: 50px 20px;
    }


}