body {
    background-color: black;
    color: white;
}

.container {
  position: relative;
  text-align: center;
  color: white;
 overflow: hidden;

}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4em;
  width: 100%;
  background-color: rgba(0,0,0,.3);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .centered  { font-size: 4em; }
}

@-moz-document url-prefix() {
    .centered  { font-size: 3.1em; }
}


.column {
  float: left;
  width: 50%;
}

.row {
    min-height: 40px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

a {
  color: white;
}

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

a:visited {
  color: white;
}

a:active {
  color: white;
}


.main {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
}