* {
    font-family: 'Minecraft', sans-serif;
}

input[type="file"] {
    display: none;
}

#inner-message {
    margin: 0 auto;
}

.bans-table {
    color: #fff;
}

.form-control {
    margin-top: 15px;
}

.badge {
    font-family: 'Roboto', sans-serif;
}

.badge-warning {
    background-color: #ffc107;
    color: #000;
}

p, h1, h2, h3 {
    color: #ffff;
}

.modal p{
    color: #000;
}

.modalMessage {
    color: #000;
}

body {
    background-image: url('../img/bg.gif');
}

.navbar {
    background-image: url('../img/top-bg.gif');
    border-bottom: 3px solid #000;
    height: 48px;
}

.nav-item a {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0;
}

.navbar-nav {
    /*margin-left: 25%;*/
    margin: 0 auto;
    /*text-align: center;*/
}

#headerImg {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 10px;
    width: auto;
}

#loginOpenButton {
    margin-right: 10px;
}

#loginOpenButton, #registerOpenButton {
    text-decoration: none;
    margin-right: 20px;
}

.container {
    margin-top: 60px;
}

.trailer-video {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;

    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.trailer-video iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

#animals {
    margin-bottom: 10px;
}

.osm-ul {
    list-style-type: none;
}

#download {
    margin-left: 0px;
    /*margin-right: 50px;*/
    padding-right: 50px;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}