.bg-body{background-color:#F2EFE6 !important;}
.bg-primary{background-color:#5E6B59 !important;}
.bg-secondary{background-color:#776C64 !important;}
.bg-success{background-color:#AFB8A7 !important;}
.bg-danger{background-color:#cb6b4d !important;}
.bg-warning{background-color:#FFBD59 !important;}
.bg-info{background-color:#DFCFC2 !important;}
.bg-light{background-color:#FFFDF8 !important;}
.bg-dark{background-color:#776C64 !important;}
.text-primary{color:#5E6B59 !important;}
.text-secondary{color:#776C64 !important;}
.text-success{color:#AFB8A7 !important;}
.text-warning{color:#DCB481 !important;}
.text-light{color:#F2EFE6 !important;}
.text-dark{color:#776C64 !important;}
.link-primary{color:#5E6B59 !important;}
.link-secondary{color:#776C64 !important;}
.link-warning{color:#DCB481 !important;}
.link-light{color:#FFFDF8 !important;}
.link-dark{color:#776C64 !important;}
.border-primary{border-color:#5E6B59 !important;}
.border-secondary{border: color #776C6480 !important;}
.border-success{border-color:#AFB8A7 !important;}
.border-warning{border-color:#DCB481 !important;}
.border-light{border-color:#FFFDF8 !important;}
.border-dark{border-color:#776C64 !important;}
.btn-primary {background-color: #5E6B59 !important;border-color: #5E6B59 !important;color: #FFFDF8 !important;}
.btn-outline-primary {border-color: #5E6B59 !important;color: #5E6B59 !important;}  
.btn-outline-primary:hover {background-color: #5E6B59;border-color: #5E6B59;color: #fff;}
.btn-danger {background-color: #CB6B4D !important;border-color: #CB6B4D !important;color: #F2EFE6 !important;}
.btn-light {color: #776C64 !important;}

.scrollable {height: 600px;overflow-y: auto;}
.scrollable::-webkit-scrollbar {width: 10px;}
.scrollable::-webkit-scrollbar-thumb {background-color: #776C6480;border-radius: 2px;}
.scrollable::-webkit-scrollbar-thumb:hover {background-color: #776C64;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-left: 0.50rem !important;
    padding-right: 0.50rem !important;
}
.league-spartan-s {
    font-family: "League Spartan", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 200%;
    color: #776C64;
    line-height: 95%;
    letter-spacing: -1px;
}
.league-spartan-m {
    font-family: "League Spartan", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 250%;
    color: #776C64;
    line-height: 95%;
    letter-spacing: -1px;
}
.league-spartan-l {
    font-family: "League Spartan", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 400%;
    color: #776C64;
    line-height: 85%;
    letter-spacing: -3px;
}
@media only screen and (max-width: 767px) {
.display-4 {font-size: 1.75rem; }
.league-spartan-s {font-size: 100%;line-height: 95%;}
.league-spartan-m {font-size: 200%;line-height: 95%;}
.league-spartan-l {font-size: 250%;line-height: 95%;}
}