:root {

    --c-text-primary: #f3f6f4;
    --c-button-primary: #cb0300;
    --c-primary-accent: #4a5496;
    --c-primary: #f1c232;

    --c-header-logo-text: 32px;

    --c-elevation-0: #525458;
    --c-elevation-1: #2e2f33;
    --c-elevation-2: #252628;
    --c-elevation-3: #1f2022;
    --c-elevation-4: #1a1b1d;
    --c-elevation-5: #171719;

    --c-hover: rgb(241, 194, 50);

    --border-radius: unset;
    --button-border-radius: unset;
}
body {
    padding-top: 50px;
    background-image:url(/storage/resources/menuloop-6a0a14b36d391.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.header {
    max-width: 1340px;
    padding: 0 15px;
    margin: 0 auto;
}
.responsive {
    max-width: 1340px;
    padding: 0 15px;
    margin: 0 auto;
}

main {
    background-color:var(--c-elevation-3);
}

main.responsive {
    padding: 15px;
}

.btn-primary {
    background-color: var(--c-button-primary);
}

.white {
    background-color:#ececec;
    color:black;
}

.white .btn-link {
    color:black
}
.off-month span {
    color:black;
}

.quick-links .btn-link a {
    color:black;
}