.color1 {
    color: #BFBFBF;
}

.color2 {
    color: white;
}

.color3 {
    color: #C0A677;
}

.color4 {
    color: #268A4E;
}

/*.background1 {
    background: #1F1F1F;
}*/


.h-title-section {
    font-family: "big-caslon-fb", serif;
    font-size: 15vh;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.h-title-hero-l {
    font-family: "big-caslon-fb", serif;
    font-size: 10vh;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}


.h-title-hero-xl {
    font-family: "big-caslon-fb", serif;
    font-size: 20vh;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}


.h-title-section span {
    font-family: 'sofia-pro', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 100% */
    letter-spacing: 1.5px;
}

.h-subsection {
    font-family: 'sofia-pro', sans-serif;
    font-size: 7vh;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.p-regular-xl {
    font-family: 'sofia-pro', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 45px */
}

.p-regular {
    font-family: 'sofia-pro', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 26px */
}

.p-regular2 {
    font-family: 'sofia-pro', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}

.p-regular3 {
    font-family: 'sofia-pro', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 51px;
}

.p-regular4 {
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    font-family: 'PPFormula Condensed Bold', sans-serif;
}

.p-regular5 {
    font-family: 'PPFormula Condensed Bold', sans-serif;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.32px;
}

.p-regular6 {
    font-family: "neue-haas-grotesk-display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 124%;
}

@media screen and (min-width: 1200px) and (max-width:1600px) {




    .h-title-section {
        font-size: 60px;
        line-height: normal;
    }

    .p-regular {
        font-size: 18px;
    }


}

@media screen and (min-width: 988px) and (max-width:1199px) {


    .h-title-section {
        font-size: 60px;
        line-height: normal;
    }

    .p-regular {
        font-size: 18px;
    }

    .h-subsection {
        font-size: 6vh;
    }

    .p-regular-xl {
        font-size: 22px;
    }

}

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

    .h-title-hero-l {
        font-size: 7vh;
    }

    .p-regular-xl {
        font-size: 18px;
    }

    .h-subsection {
        font-size: 32px;
        line-height: normal;
    }

    .h-title-section {
        font-size: 60px;
        line-height: normal;
    }

    .p-regular {
        font-size: 18px;
    }

    .h-title-hero-xl {
        font-size: 10vh;
    }

    .p-regular3 {
        font-size: 20px;
        line-height: 20px;
    }
}