@media (min-width: 600px) {
    .hero-subtext,
    .service-subtext,
    .team-subtext {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

@media (min-width: 1200px) {
    .hero-subtext {
        padding-left: 33rem;
        padding-right: 33rem;
    }

    .service-subtext {
        padding-left: 20rem;
        padding-right: 20rem;
    }

    .team-subtext {
        padding-left: 23rem;
        padding-right: 23rem;
    }
}