@font-face {
    font-family: 'Black-Gunk-Rotalic';
    src:url('Black-Gunk-Rotalic.ttf.woff') format('woff'),
        url('Black-Gunk-Rotalic.ttf.svg#Black-Gunk-Rotalic') format('svg'),
        url('Black-Gunk-Rotalic.ttf.eot'),
        url('Black-Gunk-Rotalic.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

body {
    background-image:url('images/8iy7vo.gif');
    background-size:100%;
    background-repeat: repeat-y;
    background-attachment: fixed;
    height:100%;
    width:100%;
}
}

h1 {
  color: #000000;
  text-align: center;
  font-family: 'Black-Gunk-Rotalic';
  font-size: 40px;
}

p {
  font-family: verdana;
  font-size: 20px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #660000; 
}

li {
  float: left;
  color: #000000;
  font-family: verdana;
  font-size: 20px;
}

li a {
  display: block;
  color: #d3d3d3;
  text-align: center;
  padding: 37px 46px;
  text-decoration: none;
  font-family: verdana;
  font-size: 20px;
}

* {
  box-sizing: border-box;
}

.column1 {
  float: left;
  width: 50%;
  padding: 10px;
  background-color: #c0c0c0; 
}

.column2 {
  float: left;
  width: 50%;
  padding: 10px;
  background-color: #f0f0f0; 
}

.column3 {
  float: left;
  width: 50%;
  padding: 10px;
  
}

.column4 {
  float: left;
  width: 50%;
  padding: 10px;
}

.column5 {
  float: left;
  width: 50%;
  padding: 10px;
  background-color: #c0c0c0; 
}

.column6 {
  float: left;
  width: 50%;
  padding: 10px;
  background-color: #f0f0f0; 
}

.column7 {
  float: left;
  width: 100%;
  padding: 10px;
  background-color: #660000; 
} 

.row:after {
  content: "";
  display: table;
  clear: both;
}

li a {
  display: block;
  color: #d3d3d3;
  text-align: center;
  padding: 37px 46px;
  text-decoration: none;
  font-family: verdana;
  font-size: 20px;
  
  
  ul {
  list-style-type: none;
  margin: 0;
  padding: 100px;
  overflow: hidden;
  background-color: #660000;