* {
  -webkit-border-size: border-box;
  -moz-border-size: border-box;
  -ms-border-size: border-box;
  border-size: border-box;
}

* {
  max-width:960px;
}

.col-1 {
  text-align:center;
}

body {
  color:#595959;
  font-size:19px;
}

h1, h2, h3 {
 color:#000000;
}

#footer.col-10 {
  text-align:center;
  font-size:16px;
}

img {
  float:left;
  margin-right:7px;
  margin-bottom:3px;
}

nav {
  background-color:red;
  padding:4px;
}

.item {
  color:#000000;
  text-decoration:none;
  font-weight:bold;
}

#games {
  padding-right:15px;
  text-align:right;
  font-weight:bold;
  color:#ffffff;
}

ul {
  display:none;
  list-style:none;
  font-weight:bold;
  height:auto;
  padding:0px;
  margin:0px;
  border:0px;
  position:absolute;
  width:160px;
  z-index:160;
}

li {
 display:block; 
 float:left; 
 line-height:50px;
}

#games:hover ul{
 background:#ff0000;
 display:block; 
}

li a{
 color:#000000;
 text-decoration:none;
 }

#footer {
  background-color:red;
  padding:2px;
  margin-bottom:6px;
}

#mail {
  text-decoration:none;
  color:#000000;
}

#logo {
  color:#ffffff;
}

.row {
  width:100%; display:flex; 
}

@media only screen and (max-width:450px) {
  
.row {
    display:block;
  }

}

.col-1 {
  width:8.33%;
}
.col-2 {
  width:16.66%;
}
.col-3 {
  width:25%;
}
.col-4 {
  width:33.33%;
}
.col-5 {
  width:41.66%;
}
.col-6 {
  width:50%;
}
.col-7 {
  width:58.33%;
}
.col-8 {
  width:66.66%;
}
.col-9 {
  width:75%;
}
.col-10 {
  width:83.33%;
}
.col-11 {
  width:91.66%;
}
.col-12 {
  width:100%;
}