:root {
    --primary: #004794; /* Dark Blue */
    --primary-dark: #00336a;
    --primary-light: #69a3e2;
    --primary-rgb: 0, 71, 148;
    --primary-dark-rgb: 0, 51, 106;
    --primary-gradient: linear-gradient(to right, var(--primary-dark), var(--primary), var(--primary-light));
    --secondary: #84155e; /* Purple */
    --dynamax-grey: #5a5a58;
    --font: #000;
    --menu-bg: #FFF;
    --header-icons: var(--primary);
    --alt-color-1: var(--dynamax-grey);
    --alt-color-2: var(--primary);
    --alt-color-3: var(--primary);
    --alt-color-4: var(--dynamax-grey);
}

.bg-brand {
    background-image: url("/Images/Dynamax/dynamax-bg.webp");
    background-color: #acacac;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

#dynamaxIntro {
    max-width: 1600px;
    margin: auto;
}

#ourCompanyVideoOverlay {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 30%;
    left: 0;
    text-shadow: 2px 2px 2px #000000;
    color: white;
    z-index: 10;
    user-select: none;
}

.company-video-message {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .company-video-message img {
        width: 20%;
    }

    .company-video-message span {
        background-color: rgba(0,0,0,.6);
        border-radius: 4px;
        margin: 0 auto;
        width: max-content;
        display: block;
    }


@media screen and (max-width: 767px) {
    .img-carousel {
        aspect-ratio: 12 / 9;
    }

    .fr-carousel-item .slider-img {
        aspect-ratio: 12 / 9;
    }
}