body {
    background-color: #6481c7 !important;
}

.rxl-nav {
    color: #544e4e !important;
    font-weight: 700;
    font-size: 20px;
}

.nav-topbar {
    color: white;
    background-color: #4321cf;
    display: flex;
    justify-content: end;
    font-weight: 700;
    font-size: 20px;
    /* height: 3rem; */
}

.latest-posts {
    flex-basis: 70%;
    background-color: white;
}

.now-on-air {
    flex-basis: 30%;
    background-color: #eae4e4;
}

.container-team-xl {
    max-width: 1100px !important;
}

.container {
    background-color: white;
}

.nav-footer {
    color: white;
    background-color: #141414;
    display: flex;
    justify-content: end;
    font-weight: 700;
    font-size: 20px;
    height: 5rem;
}

.playout-info {
    color: white;
    background-color: black;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 8fr 18fr 1fr 1fr;
    font-weight: 700;
    font-size: 20px;
    height: 100px;
}
@media (max-width: 1700px) {
    .playout-info {
        grid-template-columns: 1fr 12fr 15fr 1fr 1fr;
    }
}
@media (max-width: 1300px) {
    .playout-info {
        grid-template-columns: 1fr 17fr 10fr 1fr 1fr;
    }
}
.playout-info> * {
    border-right: 1px solid white;
    height: 100%;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}