.bg {
    margin: 0;
    height: calc(var(--vh, 1vh) * 100) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden !important;
}

/*.btn-eventday {
    background-color: #FFFFFF !important;
    color: #008970 !important;
    border: 2px solid !important;
    border-color: #008970 !important;
    cursor: pointer !important;
}

.btn-sign {
    background-color: #008970 !important;
    color: #FFFFFF !important;
    border: 2px solid !important;
    border-color: #008970 !important;
    cursor: pointer !important;
}*/

@media (min-width: 0px) and (max-width: 639px) {
    .center {
        text-align: center !important;
        margin: 8px !important;
        left: 50% !important;
        display: flex !important;
        position: absolute !important;
        bottom: 20px !important;
        margin-right: -50% !important;
        transform: translate(-50%) !important;
    }

    #desktop {
        display: none !important;
    }

    #mobile {
        display: block !important;
    }
}
@media (min-width: 640px) and (max-width: 819px) {
    .center {
        text-align: center !important;
        margin: 8px !important;
        left: 50% !important;
        display: flex !important;
        position: absolute !important;
        bottom: 20px !important;
        margin-right: -50% !important;
        transform: translate(-50%) !important;
    }

    #desktop {
        display: block !important;
    }

    #mobile {
        display: none !important;
    }
}
@media (min-width: 820px) {
    .center {
        text-align: center !important;
        margin: 8px !important;
        left: 50% !important;
        display: flex !important;
        position: absolute !important;
        bottom: 20px !important;
        margin-right: -50% !important;
        transform: translate(-50%) !important;
    }

    #desktop {
        display: block !important;
    }

    #mobile {
        display: none !important;
    }
}

    .btn-eventday:hover {
        background-color: #008970 !important;
        color: #FFFFFF !important;
    }

    .btn-sign:hover {
        background-color: #FFFFFF !important;
        color: #008970 !important;
    }

    #web-header {
        display: none !important;
    }

    #web-content {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    #web-footer {
        display: none !important;
    }

    #bn-root {
        display: none !important;
    }

    .bg img:not(.img-fluid) {
        max-height: calc(var(--vh, 1vh) * 100) !important;
    }