.side-bar-buttons {
    padding: 2rem 4rem;
}

    .side-bar-buttons .col-6 {
        text-align: center;
        padding: 0rem 1rem !important;
        height: 100% !important;
    }

.side-bar-container {
    background: #E6E6E6;
    padding: 1rem;
    border: 2px solid black;
    height: 100% !important;
}

    .side-bar-container:hover {
        transition: all 250ms;
        background-color: #1C69D4;
        border: 2.5px solid #1C69D4;
        color: white !important;
        cursor: pointer;
    }

    .side-bar-container:hover a {
        color: white !important;
    }

    .side-bar-container a span {
        font-family: "BMWTypeNextCondensedProTT-Regular", sans-serif;
        font-weight: 400;
        font-size: 1.2rem;
        padding-left: 1rem;
        letter-spacing: 4px;
    }

@media (min-width: 481px) and (max-width: 767px) {
    .side-bar-buttons {
        padding: 2rem 0rem;
    }

        .side-bar-buttons .col-6 {
            text-align: center;
            padding: 0rem 1rem !important;
            height: 100% !important;
        }
}

@media (min-width: 320px) and (max-width: 480px) {
    .side-bar-buttons {
        padding: 2rem 0rem;
    }

        .side-bar-buttons .col-6 {
            text-align: center;
            padding: 0rem 0.5rem !important;
            height: 100% !important;
        }

    .side-bar-container {
        padding: 0.5rem 0rem;
    }
}