body {
  color:#8A3E29;
  font-family: 'Roboto', sans-serif;
  font-size:12pt;
  background-color:#EAE5D8;
}
#wrapper {
  margin:auto;
  width: 1300px;
}

#header {
   font-family: 'uglyquaregular';
  font-size:20pt;
  height:100px;
  display: flex;
  align-items: center;
}

#header2 {
   font-family: 'uglyquaregular';
  font-size:30pt;
  height:100px;
  display: flex;
  align-items: center;
}
#logo {
    flex:1;
  text-align: center;
  letter-spacing: 5px;
  margin-top:20px;
}


#navigation {
  font-family: 'Roboto Slab', serif;
  font-size: 13pt;
  text-align:center;
  letter-spacing: 2px;
  word-spacing: 20px;
  padding:15px;
}
a:link, a:visited, a:active {
    color:#B3320E;
  text-decoration: none;
  font-weight:bold;
  transition: color 1s;
}

a:hover {
  color: #92A4C8;
}

#content {
 margin:auto;
 text-align:center;
}
.each {
    margin:auto;
    width:430px;
    padding: 10px;
}
.head2 {
    font-family: 'uglyquaitalic';
    font-size: 25pt;
    text-transform: capitalize;
    letter-spacing:3px;
    font-weight:bold;
}

.se{
    display:flex;
    justify-content:center;
    align-items:center;
}
.line{
    height:3px;
background-color:#B28744;
width:400px;
}
.star {
    font-family: 'uglyqua';
    font-size: 28pt;
    text-transform: capitalize;
    letter-spacing:3px;
    color:#B28744; 
    padding-top:15px;
    padding-left:3px;
}
    
.head3{
     font-family: 'uglyquaitalic';
    font-size: 18pt;
    letter-spacing:3px;
}
.desc {
    font-family: 'uglyquaregular';
    text-align: left;
    font-size: 16pt;
    margin-top:10px;
 border-top:2px solid #B28744;
   padding-top: 20px;
}

.indent {
    padding-left: 30px;
}


@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;

}