.h1-xlg {
    font-size: 6.00vw;
    line-height: 6.00vw;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
    float: left;
}

.h1-lg {
    font-size: 6.5vw;
    line-height: 6.5vw;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
    float: left;
}

@media (max-width: 1650px) {
    .h1-lg {
        font-size: 7.30vw;
        line-height: 7.30vw;
    }
}

@media (max-width: 1300px) {
    .h1-lg {
        font-size: 8.35vw;
        line-height: 8.35vw;
    }
}

@media (max-width: 992px) {
    .h1-lg {
        font-size: 8.0vw;
        line-height: 8.0vw;
    }
}

@media (max-width: 768px) {
    .h1-lg {
        font-size: 7.5vw;
        line-height: 7.5vw;
    }
}

@media (max-width: 576px) {
    .h1-lg {
        font-size: 8.0vw;
        line-height: 8vw;
    }
}

.h1 {
    font-size: 4vw;
    line-height: 4.5vw;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
    width: 100%;
    margin-bottom: 20px;
}

@media (max-width: 1500px) {
    .h1 {
        font-size: 3.65vw;
        line-height: 3.65vw;
    }
}

.h1-white {
    font-size: 4.65vw;
    line-height: 5vw;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
    width: 100%;
    margin-bottom: 20px;
    display: block;
    float: left;
}

.h2 {
    font-size: 4.5vw;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
    width: 100%;
}

@media (max-width: 1200px) {
    .h2 {
        font-size: 5.5vw;
    }
}

@media (max-width: 576px) {
    .h2 {
        font-size: 9.0vw;
    }
}

.h3 {
    font-size: 3.75vw;
    line-height: 3.75vw;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
}

@media (max-width: 768px) {
    .h3 {
        font-size: 5vw;
        line-height: 6vw;
    }
}

.h4-net-zero {
    font-size: 4.0vw;
    line-height: 3.65vw;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .h4-net-zero {
        font-size: 4.75vw;
        line-height: 3.65vw;
    }
}

@media (max-width: 576px) {
    .h4-net-zero {
        font-size: 5.5vw;
        line-height: 3.65vw;
    }
}

.h4 {
    font-size: 3.45vw;
    line-height: 3.65vw;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    .h4 {
        font-size: 4.45vw;
        line-height: 5vw;
    }
}


@media (max-width: 576px) {
    .h4 {
        font-size: 7.75vw;
        line-height: 8.5vw;
        margin-bottom: 20px;
    }
}

.h5 {
    font-size: 3vw;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
    width: 100%;
}

.h6 {
    font-size: 2.25vw;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

@media (max-width: 992px) {
    .h6 {
        font-size: 3.25vw;
    }
}

@media (max-width: 768px) {
    .h6 {
        font-size: 4vw;
    }
}

@media (max-width: 576px) {
    .h6 {
        font-size: 6.5vw;
    }
}

.h7 {
    font-size: 30px;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 100;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
}

.text-intro-paragraph {
    font-size: 26px;
    line-height: 36px;
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 40px;
    font-weight: 500;
    display: block;
}

@media (max-width: 1500px) {
    .text-intro-paragraph {
        font-size: 22px;
        line-height: 28px;
    }
}

@media (max-width: 1200px) {
    .text-intro-paragraph {
        font-size: 21px;
        line-height: 28px;
    }
}

@media (max-width: 768px) {
    .text-intro-paragraph {
        font-size: 19px;
        line-height: 27px;
    }
}

@media (max-width: 576px) {
    .text-intro-paragraph {
        font-size: 18px;
        line-height: 25px;
    }
}

.text-center {
    text-align: center;
}

.heavy-medium {
    font-weight: 500;
}

.heavy {
    font-weight: 700;
}

.sub-script-hero {
    padding-top: 3.5%;
}

@media (max-width: 992px) {
    .sub-script-hero {
        padding-top: 5.5%;
    }
}

@media (max-width: 768px) {
    .sub-script-hero {
        padding-top: 4.0%;
    }
}

@media (max-width: 576px) {
    .sub-script-hero {
        padding-top: 2.5%;
    }
}