@font-face {
    font-family: "ITC Franklin Gothic LT Demi";
    src: url("/assets/webfonts/ITCFranklinGothicLTDemi.eot");
    src: url("/assets/webfonts/ITCFranklinGothicLTDemi.eot?#iefix")format("embedded-opentype"),
    url("/assets/webfonts/ITCFranklinGothicLTDemi.woff2")format("woff2"),
    url("/assets/webfonts/ITCFranklinGothicLTDemi.woff")format("woff"),
    url("/assets/webfonts/ITCFranklinGothicLTDemi.ttf")format("truetype"),
    url("/assets/webfonts/ITCFranklinGothicLTDemi.svg#ITC Franklin Gothic LT W04 Hv")format("svg");
}

@font-face {
    font-family: "ITC Franklin Gothic LT Book";
    src: url("/assets/webfonts/ITCFranklinGothicLTBook.eot");
    src: url("/assets/webfonts/ITCFranklinGothicLTBook.eot?#iefix")format("embedded-opentype"),
    url("/assets/webfonts/ITCFranklinGothicLTBook.woff2")format("woff2"),
    url("/assets/webfonts/ITCFranklinGothicLTBook.woff")format("woff"),
    url("/assets/webfonts/ITCFranklinGothicLTBook.ttf")format("truetype"),
    url("/assets/webfonts/ITCFranklinGothicLTBook.svg#ITC Franklin Gothic LT W04 Hv")format("svg");
}

body {
    background-color: #edf0f2;
}

.alt-black {
    color: #2b2b2b;
}

.alt-white {
    color: #edf0f2;
}

.bg-promo-title {
    background-color: #05060a;
}

.bg-alt-black {
    background-color: #2b2b2b;
}

.vh-90 {
    height: 90vh;
}

.bg-beast-image {
    background-image: url('/assets/images/eddie-hall/eddie-hall-hero.jpg');
    height: 90vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-hoodrich-image {
    background-image: url('/assets/images/hoodrich/hoodrich-hero.jpg');
    height: 90vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.franklin-gothic {
    font-family: "ITC Franklin Gothic LT Book";
    line-height: normal;
}

.franklin-gothic-bold {
    font-family: "ITC Franklin Gothic LT Demi";
    line-height: 95%;
}

.mb-tall {
    margin-bottom: 8rem !important;
}

.promo-title {
    font-family: "ITC Franklin Gothic LT Demi";
    line-height: 95%;
    letter-spacing: -3px;
    color: #edf0f2;
    font-size: 7rem !important;
}

.promo-subtitle {
    font-family: "ITC Franklin Gothic LT Book";
    line-height: normal;
    color: #edf0f2;
    font-size: 1.3rem !important;
}

.title-font {
    font-size: 4rem !important;
}

.title-font-condensed {
    letter-spacing: -3px;
}

.p-l-desktop {
    padding-left: 3rem !important;
}

@media (max-width: 1199px) {
    .p-l-desktop {
        padding-left: 1rem !important;
    }
}

@media (max-width: 991px) {
    .promo-subtitle, .promo-title {
        text-align: center;
    }

    .promo-title {
        margin-top: 5rem;
    }

    .bg-beast-image {
        height: 70vh;
    }

    .bg-hoodrich-image {
        height: 50vh;
    }

    .mb-tall {
        margin-bottom: 1rem !important;
    }

    .p-l-desktop {
        padding-left: 0rem !important;
    }
}

@media (max-width: 767px) {
    .promo-title {
        font-size: 5rem !important;
    }

    .promo-subtitle {
        font-size: 1.1rem !important;
    }

    .sm-pad-x-4 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

@media (max-width: 575px) {
    .title-font-condensed {
        letter-spacing: -1px;
    }

    .promo-title {
        font-size: 4rem !important;
    }

    .promo-subtitle {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 500px) {
    .title-font-condensed {
        letter-spacing: -1px;
    }

    .promo-title {
        font-size: 3rem !important;
    }

    .promo-subtitle {
        font-size: 0.6rem !important;
    }
}