html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

footer {
    text-align: center;
    background-color: #212529;
    color: rgba(255,255,255,.55);

}

footer .container a {
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
}

.form-registration, .form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 30px auto;
}

.form-registration .checkbox, .form-signin .checkbox {
    font-weight: 400;
}

.form-registration .form-floating:focus-within, .form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-registration input[type="email"], .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-registration input[type="text"], .form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-registration input[type="password"], .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-registration ul{ 
	list-style: none;
	margin: 0;
    padding: 0;
}
.form-registration ul li{ 
	margin: 0;
    padding: 0;
    color: #ff0000;
}

.errors {
    color: #ff0000;
}

.form-support input {
    margin-bottom: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-support textarea {
    height: 150px !important;
}

.form-support h1 {
    font-size: 2rem;
}

.version-history h3 {
    font-size: 1.3rem;
}

.form-floating.captcha img {
    display: inline-block;
    height: 60px;
    border: 2px solid #000000;
    margin-top: -5px;
}

.form-floating.captcha input {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0px 0px 0px 3px;
}

nav.navbar .nav-link {
    text-transform: uppercase;
}

a.navbar-brand {
    display: block;
    text-transform: uppercase;
    position: relative;
    width: 87px;
    height: 40px;
    width: 115px;
    color: rgba(255,255,255,.55);
    border-right: none;
}

a.navbar-brand .first {
    position: absolute;
    top: -3px;
}

a.navbar-brand .second {
    position: absolute;
    top: 17px;
    left: 27px;
    font-size: 14px;
}

.version-history .version-block {
    display: none;
}

.version-history .index-1,
.version-history .index-2,
.version-history .index-3 {
    display: block;
}

a.join-game {
    text-transform: uppercase;
}

img.img-thumbnail.ready {
    background-color: #00CC00;
}

a.twitter {
    margin-top: 10px;
    display: block;
}
    

a.twitter img {
    border: 1px solid #212529;
    border-radius: 8px;
}

.sub-logo-mobile {
    color: rgba(255,255,255,.55);
    margin-right: 1rem;
}

@media (min-width: 768px) {
    .sub-logo-mobile {
        display: none;
    }
}

@media (max-width: 332px) {
    .sub-logo-mobile {
        display: none;
    }
    a.navbar-brand {
        border-right: none;
    }
}

.sub-logo-mobile {
    display: block;
    margin-right: calc(75px);
}
.drop-adventure {
    display: none;
}

@media (max-width: 421px) {
    .sub-logo-mobile {
        display: block;
        margin-right: calc(30px);
    }
    a.navbar-brand {
        margin-right: 0px;
        width: 90px;
    }
}

@media (max-width: 310px) {
    .navbar-toggler {
        width: 100%;
    }
}

@media (max-width: 336px) {
    .sub-logo-mobile {
        display: block;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .navbar-collapse .navbar-nav li {
        text-align: center;
    }
}

@media (min-width: 768px) {
    ul.about-menu .nav-link {
        padding-left: 0px;
    }
    .drop-adventure {
        display: block;
    }
    .sub-logo-mobile {
        display: none;
    }
    a.navbar-brand {
        border-right: 1px solid rgba(255,255,255,.55);
    }
}

@media (max-width: 768px) {
    ul.about-menu {
        flex-direction: row !important;
    }
    
    ul.about-menu .nav-item {
        display: inline-block;
        padding: 5px;
    }

    ul.about-menu .nav-item a {
        box-shadow: 0px 0px 8px #000000;
        display: block;
        border-radius: 8px;
    }
}

.weapon-list img {
    border-radius: 10px;
    width: 200px;
    height: 200px
}

@media (max-width: 768px) {
    .weapon-list img {
        width: 100px;
        height: 100px
    }
}

.footer-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.footer-menu ul a {
    text-decoration: none;
}

@media (max-width: 768px) {

    .footer-menu ul {
        text-align: center;
    }

    .footer-menu ul li {
        display: inline-block;
        padding: 5px;
    }
}

.social-media a {
    display: inline-block;
    width: 65px;
}

.banner-block {
    position: relative;
    color: #cccccc;
    cursor: pointer;
}

.banner-block a {
    color: #cccccc;
}

.banner-block:hover a {
    color: #cc0000;
}

.banner-block img {
    display: block; margin: 0 auto;
}

.banner-block p {
    font-size: 34px;
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 900;
}

@media (max-width: 500px) {
    .banner-block p {
        font-size: 20px;
    }
}

.removing-markers li {
    list-style-type: none;
}

ul.removing-markers, ol.removing-markers {
    margin-left: 0;
    padding-left: 0;
    padding: 0;
}