body {
  background-color: white;
  color:black;
  font-family: 'Roboto', sans-serif;
  font-size:12pt;
}
#wrapper {
    padding-top:20px;
  margin:auto;
  width: 70%;
  min-width: 1080px;
  max-width: 1600px;
}

a:link, a:visited, a:active {
  color:black;
  text-decoration: none;
  transition: color 1s;
}

a:hover {
  color: #FF3200;
}

#content {
    text-align:justify;

}

.disclaimer {
    margin:auto;
}
.disc {
        flex:1;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  min-width: 240px;
  margin:0px 10px;
}

.quote {
    font-family: 'uglyquaregular', serif;
    text-align: center;
    font-size: 16pt;
}

.post {
    margin-top:10px;
    text-align: center;
}

.header {
   font-family: 'uglyquaregular';
  font-size:32pt;
  height:80px;
  display: flex;
  align-items: center;
}
.logo {
    flex:1;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  min-width: 240px;
  margin:0px 10px;
  background-color: black;
}

.button {
      font-family: 'uglyquaregular', serif;
    text-align: center;
    font-size: 13pt;
    color: white;
    background-color: black;
    border: solid 1px white;
    padding: 5 20px;
    margin: 10px;
    text-transform: uppercase;
}

.separator {
    flex:1;
    height:2px;
    background-color: black;
}
    
.desc {
     font-family: 'uglyquaitalic';
     margin:10px auto;
    font-size: 13pt;
    text-align: center;
    width:600px;
    background-color:black;
    color:white;
    padding: 5px;
}

.form {
     font-family: 'uglyquaregular';
     color: white;
  font-size: 15pt;
  text-align:center;
  word-spacing: 10px;  
  margin-top: 100px;
  padding: 20px;
  background-color: black;
 
}

.nav {
   font-family: 'uglyquaregular';
  font-size: 14pt;
  text-align:center;
  letter-spacing: 1px;
  word-spacing: 5px;  
}

#navigation2 {
  font-family: 'uglyquaregular';
  font-size: 17pt;
  text-align:center;
  letter-spacing: 2px;
  word-spacing: 20px;
  padding:15px;
}
.date {
  font-family: 'uglyquaregular';
  font-size: 12pt;
  letter-spacing: 2px;
  word-spacing: 20px;
  width:1080px;
}

@font-face {
    font-family: 'uglyquaregular';
    src: url('UglyQua-webfont.eot');
    src: url('UglyQua-webfont.eot?#iefix') format('embedded-opentype'),
         url('UglyQua-webfont.woff2') format('woff2'),
         url('UglyQua-webfont.woff') format('woff'),
         url('UglyQua-webfont.ttf') format('truetype'),
         url('UglyQua-webfont.svg#uglyquaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'uglyquaitalic';
    src: url('UglyQua-Italic-webfont.eot');
    src: url('UglyQua-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('UglyQua-Italic-webfont.woff2') format('woff2'),
         url('UglyQua-Italic-webfont.woff') format('woff'),
         url('UglyQua-Italic-webfont.ttf') format('truetype'),
         url('UglyQua-Italic-webfont.svg#uglyquaitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}