//2016
nav {
    color: rgb(236, 215, 157)
}

body {
    background: url('../img/madmax_background.jpg') no-repeat center center fixed;
    background-size: cover;
}

#main-content div {
    /* min-height: 100%; */
}

h1 {
    font-weight: bold;
}

table {
    font-size: large;
}

//Old css
@font-face {
    font-family: "Mexico";
    src: url('../fonts/MEXIO___.ttf');
}

@font-face {
    font-family: "Eurostile";
    src: url('../fonts/Eurostile.ttf');
}

@font-face {
    font-family: "Patua One";
    src: url('../fonts/PatuaOne-Regular.otf');
}

@media (min-width: 960px) {
    #main {
        background: linear-gradient(to right, rgba(236, 215, 157, 0) 10%, rgba(236, 215, 157, 0.75) 15%, rgba(236, 215, 157, 0.75) 85%, rgba(236, 215, 157, 0) 90%);
    }
}

@media (max-width: 960px) {
    #main {
        background: rgba(236, 215, 157, 0.7);
    }
}

html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
}

#main {
    display: flex;
    flex-direction: column;
    min-height: calc(100% - 44px);
}

#logos {
    min-height: calc(100% - 44px);
    text-align: center;
}

#main-logo {
    margin-top: 20px;
    height: 80%
}

.column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.column div {
    flex: 1 1 auto;
    text-align: center;
}

.column img {
    margin: 35px;
    max-width: 100%;
}
/*
.sponsors-left {
  -moz-border-radius:150px;
  -webkit-border-radius:150px;
  background-position:0px 0px;
  background-color:#ccc;
  position:absolute;
  background-repeat:no-repeat;
  float:left;
  height:120px;
  margin:18px;
  position:absolute;
  width:120px;
  padding:5px;
}
*/

#sponsors {
    text-align: center;
    clear: both;
}

#sponsors div {
    display: inline-block;
    margin: 50px;
}

#main-content-background {
    min-height: calc(100% - 85px);
}

#main-content {
    width: 70%;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    margin: auto;
    margin-top: 20px;
    font-family: "Eurostile";
    font-size: 20px;
}

.bms-font {
    font-family: "Eurostile";
    font-size: 100px;
}

.button {
    cursor: pointer;
}

.my-gallery {
    width: 100%;
    float: left;
}

.my-gallery img {
    max-width: 100%;
    max-height: 100%;
}

.my-gallery figure {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    width: 160px;
    height: 120px;
}

.my-gallery figcaption {
    display: none;
}

.temp-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: red;
}

.cell {
    flex: 1 1 auto;
    background-color: green;
    text-align: center;
}

img {
    max-width: 100%;
}

.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aligner-item {
    max-width: 50%;
}

.container-fluid {
    padding: 0;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background: none;
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin: 0;
}

.game-button {
    background: black;
    color: rgb(236, 215, 157);
    border-color: rgb(236, 215, 157);
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
}

#shootyourself-button {
    font-size: 40px;
    width: 60%;
    margin-bottom: 30px;
}

#gameCanvas {
    margin-top: 50px;
}