#hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), url("../img/cdm25-bg.jpg");
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
}

#hero-row {
    min-height: 807px;
}

#hero-row .column > div {
    min-height: 807px;
}

@media screen and (max-width: 767px) {
    #hero-row.row {
        min-height: auto;
    }
}

#hero-column {
    flex: 12 0 0px;
}

#hero-column > div {
    background-color: transparent;
    justify-content: center;
    padding: 0px 10px;
}

@media screen and (max-width: 767px) {
    #hero-column > div {
        min-height: auto !important;
    }
}

#event-logo {
    margin-top: 30px;
    margin-bottom: 7px;
    align-self: center;
    max-width: 400px;
}

#event-logo img {
    width: 400px;
    max-width: 100%;
    height: auto;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
}

@media screen and (max-width: 767px) {
    #event-logo {
        align-self: center;
    }
}

#event-headline {
    display: block;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
    max-width: 816px;
    margin-top: 20px;
    margin-bottom: 20px;
    align-self: center;
    width: 100%;
    word-break: break-word;
}

#event-date {
    display: block;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
    max-width: 474px;
    margin-top: 0px;
    margin-bottom: 0px;
    align-self: center;
    width: 100%;
    word-break: break-word;
}

#event-location {
    display: block;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
    max-width: 474px;
    margin-top: 0px;
    margin-bottom: 0px;
    align-self: center;
    width: 100%;
    word-break: break-word;
}

#offers {
    background-color: rgb(0, 0, 0);
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
}

#offers-row {
    min-height: 54px;
}

#offers-row .column > div {
    min-height: 54px;
}

@media screen and (max-width: 767px) {
    #offers-row.row {
        min-height: auto;
    }
}

#used-offer-column {
    flex: 4 0 0px;
}

#used-offer-column > div {
    background-color: transparent;
    justify-content: center;
    padding: 0px 10px;
}

@media screen and (max-width: 767px) {
    #used-offer-column > div {
        min-height: auto !important;
    }
}

#used-offer {
    display: block;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
    max-width: 300px;
    margin-top: 50px;
    margin-bottom: 50px;
    align-self: center;
    width: 100%;
    word-break: break-word;
}

@media screen and (max-width: 767px) {
    #used-offer {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

#financing-offer-column {
    flex: 4 0 0px;
}

#financing-offer-column > div {
    background-color: transparent;
    justify-content: center;
    padding: 0px 10px;
}

@media screen and (max-width: 767px) {
    #financing-offer-column > div {
        min-height: auto !important;
    }
}

#financing-offer {
    display: block;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
    max-width: 300px;
    margin-top: 50px;
    margin-bottom: 50px;
    align-self: center;
    width: 100%;
    word-break: break-word;
}

@media screen and (max-width: 767px) {
    #financing-offer {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

#special-offer-column {
    flex: 4 0 0px;
}

#special-offer-column > div {
    background-color: transparent;
    justify-content: center;
    padding: 0px 10px;
}

@media screen and (max-width: 767px) {
    #special-offer-column > div {
        min-height: auto !important;
    }
}

#special-offer {
    display: block;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
    max-width: 300px;
    margin-top: 50px;
    margin-bottom: 50px;
    align-self: center;
    width: 100%;
    word-break: break-word;
}

@media screen and (max-width: 767px) {
    #special-offer {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

#contact {
    background-color: rgb(0, 0, 0);
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
}

#contact-row {
    min-height: 50px;
}

#contact-row .column > div {
    min-height: 50px;
}

@media screen and (max-width: 767px) {
    #contact-row.row {
        min-height: auto;
    }
}

#contact-column {
    flex: 12 0 0px;
}

#contact-column > div {
    background-color: transparent;
    justify-content: center;
    padding: 0px 10px;
}

@media screen and (max-width: 767px) {
    #contact-column > div {
        min-height: auto !important;
    }
}

#whatsapp {
    margin-top: 10px;
    margin-bottom: 0px;
    align-self: center;
    max-width: 300px;
}

#whatsapp a, #whatsapp img {
    width: 300px;
    max-width: 100%;
    height: auto;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
}

@media screen and (max-width: 767px) {
    #whatsapp {
        align-self: center;
        margin-bottom: 25px;
    }
}

#divider {
    background-color: rgb(0, 0, 0);
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
}

#divider-row {
    min-height: 50px;
}

#divider-row .column > div {
    min-height: 50px;
}

@media screen and (max-width: 767px) {
    #divider-row.row {
        min-height: auto;
    }
}

#divider-column {
    flex: 12 0 0px;
}

#divider-column > div {
    background-color: transparent;
    justify-content: center;
    padding: 0px 10px;
}

@media screen and (max-width: 767px) {
    #divider-column > div {
        min-height: auto !important;
    }
}

#partners {
    background-color: rgb(0, 0, 0);
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
}

#partners-row {
    align-items: flex-start;
}

#realization-column,
#organization-column {
    flex: 1 1 0;
}

#partners-row .column > div {
    background-color: transparent;
    justify-content: flex-start;
    padding: 0 10px;
}

#realization-logo,
#organization-logo {
    display: grid;
    grid-template-rows: 20px 87px;
    row-gap: 10px;
    justify-items: center;
    margin: 10px 0;
    align-self: center;
    width: 168px;
    max-width: 100%;
}

#partners .partner-label {
    margin: 0;
    line-height: 20px;
}

#realization-logo img,
#organization-logo img {
    display: block;
    max-width: 100%;
    height: 87px;
    object-fit: contain;
}

/* Compensate for the white margins built into the Sincodiv image. */
#realization-logo img {
    width: 168px;
}

#organization-logo img {
    width: 150px;
}

@media screen and (max-width: 767px) {
    #partners-row {
        row-gap: 24px;
    }

    #partners-row .column {
        width: 100%;
    }

    #realization-logo,
    #organization-logo {
        grid-template-rows: 20px 116px;
        width: 224px;
    }

    #realization-logo img,
    #organization-logo img {
        height: 116px;
    }

    #realization-logo img {
        width: 224px;
    }

    #organization-logo img {
        width: 200px;
    }
}

#footer {
    background-color: rgb(0, 0, 0);
    border-style: solid none;
    border-color: transparent;
    border-radius: 0px;
    border-width: 0px;
}

#footer-row {
    min-height: 50px;
}

#footer-row .column > div {
    min-height: 50px;
}

@media screen and (max-width: 767px) {
    #footer-row.row {
        min-height: auto;
    }
}

#footer-column {
    flex: 12 0 0px;
}

#footer-column > div {
    background-color: transparent;
    justify-content: flex-start;
    padding: 7px;
}

@media screen and (max-width: 767px) {
    #footer-column > div {
        min-height: auto !important;
    }
}

#road-safety-logo {
    margin-top: 50px;
    margin-bottom: 20px;
    align-self: center;
    max-width: 323px;
}

#road-safety-logo img {
    width: 292px;
    max-width: 100%;
    height: auto;
    border-style: none;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    border-width: 1px;
}

@media screen and (max-width: 767px) {
    #road-safety-logo {
        align-self: center;
    }
}

/* Content typography and image treatments. */

.event-headline-h1 {
    text-align: center;
    line-height: 1.15;
    font-family: Montserrat, sans-serif;
}

.event-headline-line {
    font-size: clamp(12px, 4.8vw, 44px);
    white-space: nowrap;
    color: rgb(241, 224, 0);
    font-weight: bold;
}

.event-headline-line-2 {
    font-size: clamp(12px, 4vw, 32px);
    white-space: nowrap;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.event-date-h2 {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 36px;
    color: rgb(255, 255, 255);
}

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

.event-location-emphasis {
    font-size: 22px;
    color: rgb(241, 224, 0);
}

.used-offer-emphasis {
    font-size: 32px;
    font-family: Montserrat, sans-serif;
    color: #fff;
}

.used-offer-emphasis-2 {
    color: rgb(241, 224, 0);
    font-size: 36px;
    font-family: Montserrat, sans-serif;
}

.financing-offer-emphasis {
    color: rgb(255, 255, 255);
    font-size: 42px;
    font-family: Montserrat, sans-serif;
}

.financing-offer-emphasis-2 {
    color: rgb(241, 224, 0);
    font-size: 42px;
    font-family: Montserrat, sans-serif;
}

.special-offer-emphasis {
    color: rgb(255, 255, 255);
    font-size: 26px;
    font-family: Montserrat, sans-serif;
}

.special-offer-emphasis-2 {
    color: rgb(241, 224, 0);
    font-size: 42px;
    font-family: Montserrat, sans-serif;
}

.partner-label {
    text-align: center;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.realization-logo-img {
    /* Turn the printed white background black and the colored artwork white. */
    filter: grayscale(1) invert(1) brightness(3);
    mix-blend-mode: screen;
}

.legal-note {
    color: #fff;
    text-align: center;
    font-size: 10px;
}

.tracking-pixel {
    display:none;
}