body {}

.content .footer .row .col div:not(:first-child) {
    margin-left: 0;
}

.content .footer .row .col:first-of-type {
    display: flex;
    flex-direction: column;
}

#lineup .plan div span .event {
    background: #ff85c0 !important;
    word-break: break-word;
    text-align: center !important;
    color: #000 !important;
}

#lineup .plan div span .event.gray {
    background: #00c2ef !important;
}

#lineup .plan div span .event.violet {
    background: #7B3EE6 !important;
    color: #fff !important;
}

#lineup .plan div span .event.red {
    background-color: #F0303E !important;
    color: #fff !important;
}

#lineup .plan div span .event.purple {
    background-color: #AB2764 !important;
    color: #fff !important;
}

#lineup .section {
    position: static !important;
}

#lineup .places {
    width: 15.625vw;
    background: #1a1a1a;
    position: absolute;
    left: -15.625vw;
    left: 0 !important;
    z-index: 2;
    width:225px
}

#lineup .title2 {
    font-size: 1.9444444444vw;
    padding: .8333333333vw 1.6666666667vw;
    display: flex;
    align-items: center;
    width: 100vw;
    height: 3.3333333333vw;
    border-top: .0694444444vw solid #1a1a1a;
    position: absolute;
    left: -15.625vw;
    left: 0 !important;
    transform: translateY(-100%);
    background: #e6e6e6;
    font-size: 28px;
    padding: 12px 24px;
    height: 48px;
    border-top-width: 1px
}

@media only screen and (max-width: 801px) {
    #lineup .places {
        width: 170px;
        left: -170px;
        left: 0 !important
    }
}

@media only screen and (max-width: 801px) {
    #lineup .title2 {
        font-size: 28px;
        padding: 14px 10px;
        height: 48px;
        left: -170px;
        left: 5px !important;
        border-top-width:1px
    }
}