body {
    /*background: linear-gradient( rgb(0, 2, 21), rgb(88, 93, 96) ), url('/static/images/banner-bg.png') no-repeat center center fixed;*/
    background: url('/static/images/banner-bg.png') no-repeat center center;
    background-size: cover;
    background-position: top;
    /*background: #2d2d3b;*/ /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#2b1f12, #654321);*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#2b1f12, #654321);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#2b1f12, #654321);*/ /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#2b1f12, #654321);*/ /* Standard syntax */
    color: #3a393a;
}

#game {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100vh;
    width: calc(100vh/2);
    max-width: 100vw;
    z-index: -1;     /* behind everything else */
    pointer-events: none;
}

.banner {
    position: relative;
    margin-bottom: 10px;
    margin-top: 40px;
    min-height: 200px;
    max-width: 100vw;
    overflow-x: hidden;
}

.banner > .social-bar {
    position: absolute;
    bottom: 10px;
    right: 30px;
}

.banner > img {
    max-height: 300px;
    margin-top: 40px;
}

.footer-banner {
    min-height: 200px;
}

.group-photo {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-image: url("/static/images/group-photo.jpg");
    border: black 1px solid;
    position: relative;
    margin-bottom: 30px;
    min-height: 200px;
}

.navbar {
    margin-bottom: 0px;
    min-height: 30px;
}
.navbar-brand {
    float: left;
    height: 40px;
    padding: inherit;
    font-size: 18px;
    line-height: 20px;
    overflow: visible;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-inverse {
    background-color: #bdbec1 !important;
    font-weight: bold;
    font-size: 18px;
}
.blurb-main {
    #background-color: #bdbec1;
    background-color: rgb(189 190 193 / 90%);
    color: #3a393a;
    margin-bottom: 0px;
    min-height: 100px;
    padding: 5px 20px 20px 20px;
}
.blurb-loc {
    background-color: #702370;
    color: white;
    font-size: 24px;
    margin-bottom: 30px;
    padding: 5px;
    text-align: center;
}

.box {
    #background-color: #bdbec1;
    background-color: rgb(189 190 193 / 95%);
    margin-bottom: 30px;
    min-height: 100px;
    padding: 5px 20px 20px 20px;
    /*box-shadow: 10px 10px 10px #333333;*/
    /*border-radius: 25px;*/
}

.box a {
    color: #545d7d;
    text-decoration: underline;
}

.box .panel a, .box .alert a {
    color: #111111;
}

.box a.btn {
    color: white;
    text-decoration: none;
}

.panel {
    color: #292929;

}
.panel-heading {
    color: #111111 !important;
}

.well {
    color: #292929;
}

.table-hover>tbody>tr:hover {
    background-color: #bae5db;
}

.social-bar {
    margin-bottom: 15px;
    text-align: center;
}

.social-bar a,
.social-bar a:hover,
.social-bar a:focus,
.social-bar a:active {
    padding-right: 15px;
    color: white;
}
.social-bar .btn-twitter {
    background-color: #2daddc;
    border-color: #0271bf;
}
.social-bar .btn-telegram {
    background-color: #133783;
    border-color: #133783;
}

.nav-tabs > li > a {
    text-decoration: none;
}
.nav-tabs > li.open > a, .nav-tabs > li > a:hover {
    color: #555;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > ul > li > a {
    color: #702370 !important;
}

.page-header small {
    color: #3a393a !important;
}

img.header-buttons {
    position: absolute;
    max-width: 50vw;
}
img.header-buttons-left {
    left: 0;
}
img.header-buttons-right {
    right: 0;
}
@media (max-width: 1320px) and (min-width: 769px) {
    img.header-buttons-left {
        left: -250px;
    }
    img.header-buttons-right {
        right: -250px;
    }
}
@media (max-width: 768px) {
    img.header-buttons-left {
        left: -180px;
    }
    img.header-buttons-right {
        right: -180px;
    }
}

.help-block {
    color: white;
}

#recent-news {
    margin-top: 20px;
}

.bg-success, .bg-warning, .bg-danger {
    color: black;
}

div.dz-message {
    color: #444;
}

.pager li>a {
    color: #337AB6;
    text-decoration: none;
}
.pager .disabled li>a {
    color: #777;
    text-decoration: none;
}

footer {
    #background-color: #bdbec1;
    background-color: rgb(189 190 193 / 90%);
    color: #3a393a;
    padding-top: 20px;
    padding-bottom: 20px;
}

footer a {
    color: #702370;
}

.footer-title {
    font-size: 30px;
}

div.modal-content {
    background: #2d2d3b; /* For browsers that do not support gradients */
    color: white;
}

@media (max-width: 768px) {
    .banner {
        margin-top: 60px;
        min-height: 160px;
    }

    .banner > img {
        max-height: 160px;
        padding-top: 10px;
    }
}