.container{
  position: absolute;
  left: 50%;
  width:100%;
  min-width:500px;
top: 210px;
max-width:800px;

  /*
  Nope =(
  margin-left: -25%;
  margin-top: -25%;
  */

  /* 
  Yep!
  */
  transform: translate(-50%, -50%);
  
  /*
  Not even necessary really. 
  e.g. Height could be left out!
  */
  /* 
max-width:800px;
  max-height:800px;
 */}
  
  a{
  text-decoration:none;
  color:white;
  }
  
  .info{
  color:white;
  float:left;

  text-align:center;
position:relative;
margin-top:-160px;
 width:100%;
  z-index: 1;
  }

body {
background-color:#7C182A;
font-family:arial, san-serif;
font-size: 20px;
}

h1{
font-family:arial, san-serif;
    color: white;
}

.logo {

 top:60px;
 width:100%;
float:left;
 z-index: -1;

 }