@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 200% 0;
    }
}

#animate-area {
    width: 100%;
    background-image: url('/images/driver-appreciation-bg.webp');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    animation: animatedBackground 30s linear infinite alternate;
}

#table {
    display: table;
    padding: 5px;
    width: 100%;
    margin-top:10px;
}

.tr {
    display: table-row;
    padding: 5px;
}

.td {
    display: table-cell;
}

#popup {
    background: rgba(0, 0, 0, 0.55) !important;
}

@media (max-width: 480px) {
    .big-text-pp {
        font-size: 42px !important;
        line-height: 42px !important;
    }

    .pd-60 {
        padding: 30px !important;
    }

    #ddate h2 {
        font-size: 24px;
        line-height: 24px;
        text-align: center;
    }

    #ddate {
        width: 100% !important;
    }

    .tx-24 {
        font-size: 18px !important;
        line-height: 22px !important;
    }

    .modal-content {
        width: 90% !important;
    }

    .daw-h3 {}

    .counts {
        background-color: black;
        color: white;
        font-size: 16px;
        padding: 5px;
    }

}

@media (min-width: 1400px) {
    .modal-content {
        width: 50% !important;
    }
}

@media (min-width: 768px) {
    .mg-b-md--92 {
        margin-bottom: -92px !important
    }

}


@media (max-width: 767px) {
    .hide-md {
        display: none;
    }
}

.counts {
    background-color: black;
    color: white;
    padding: 10px;
    width: fit-content;
    display: inline-flex;
}

#daw-banner {
    width:100%;
    background:#000;
    color:#fff;
    padding:5px;
    font-size:16pt;
    text-align:center;
    /*display:none;*/
}

.daw-banner-link {
    background:#fff;
    color:#000;
    border-radius:10px;
    padding-left:5px;
    margin:0px 0px 0px 10px;
}