.main-heading {
    font-weight: 700;
    font-size: 48px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0;
    overflow-wrap: break-word;
}

.heading {
    font-weight: 300;
    font-size: 42px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
    overflow-wrap: break-word;
}

.subheading {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .heading {
        font-size: 38px;
    }

    .main-heading {
        font-size: 44px;
    }
}

@media (max-width: 480px) {
    .heading {
        font-size: 32px;
    }

    .main-heading {
        font-size: 40px;
    }
}

@media (max-width: 375px) {
    .heading {
        font-size: 26px;
    }

    .subheading {
        font-size: 22px;
    }

    .main-heading {
        font-size: 36px;
    }
}