body {
text-align: center;
align-items: center;
justify-content: center;
background-image: url('Gamephotos/RW background.jpg'); 
background-size: 100%;
display: flex;
background-repeat: no-repeat;
background-attachment: fixed;
}

.header {
    background-color: gold;
    background-size: 230px;
    height: 170px;
    margin-top:5px;
    display: flex;
    justify-content:center;
    align-items:center;
    width:100%;
 }

 h1 {
    font-size: 85px;
    margin:auto;
 }
 
  .row {
    width:810px;
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
    margin:auto;
    margin-top:0px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}

 .column img {
    width: 180px;
    height:258px;
    margin:8px;
    border:    gold 2px solid;
    border-radius: 2px;

 }
 
 img {
    width:100%; 
    height:100%;
    
 }
 
 .flex {
    display: flex;
    flex-direction: row;
    align-items: center;
 }

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }