@font-face {
    font-family: 'StarWarsFont';
    src: url('fonts/STARWARS.eot'); /* IE9 Compat Modes */
    src: url('fonts/STARWARS.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/STARWARS.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/STARWARS.woff') format('woff'), /* Pretty Modern Browsers */
         url('fonts/STARWARS.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/STARWARS.svg#svgFontName') format('svg'); /* Legacy iOS */
  }
  
  body {
      background-color: #d5cfb6;
      font-size: 16px;
      font-family: Georgia;
      margin: 0;
  }
  
  .main-content, 
  #sidebar, 
  #footer {
      padding: 15px;
  }
  
  #header img {
      border: 6px solid #616640;
      width: 100%;
  }
  
  .wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }
  
  .wrapper:after {
      content: '';
      display: table;
      clear:  both;
  }
  
  
  .clearfix::after {
      content: '';
      display: table;
      clear:  both;
  }
  
  
  .main-content {
      width: 70%;
      float: left;
  }
  
  #sidebar {
      width: 25%;
      float: left;
  }
  
  #sidebar img {
      width: 100%;
  }
  
  h1, h2, h3 {
      color: #616640;
      font-family: 'StarWarsFont', Times New Roman, sans-serif;
      font-weight: 400;
  }
  
  h1 {
      font-size: 45px;
      margin-top: 0;
      position: absolute;
      top: -220px;
      right: 0;
      text-align: right;
      background: #d5cfb6;
      padding: 10px 15px;
  }
  
  h2 {
      font-size: 32px;
  }
  
  h3 {
      font-size: 25px;
  }
  
  p {
      color: #3c3c20;
      margin-top: 0;
  }
  
  a {
      color: #75934e;
      text-decoration: none;
  }
  
  a:hover {
      color: #616640;
      text-decoration: underline;
  }
  
  #sidebar {
      background-color: #616640;
      color: #d5cfb6;
  }
  
  #sidebar p {
      color: #d5cfb6;
  }
  
  
  #sidebar h1 {
      color: #d5cfb6;
  }
  
  #sidebar h2 {
      color: #d5cfb6;
  }
  
  #sidebar h3 {
      color: #d5cfb6;
  }
  
  .emphasized {
      color: #979e66;
  }
  
  .owl-carousel .owl-item img {
      max-height: 225px;
  }
  
  .column {
      width: 50%;
      float: left;
  }
  
  #menu {
      background-color: #616640;
      width: 100%;
      margin: 16px 0 20px 0;
      
  }
  
  #menu ul {
      list-style: none;
      margin: 0;
      padding: 0;
  }
  
  #menu ul li {float: left;}
  
  #menu ul li a {
      color: #d5cfb6;
      display: block;
      font-size: 20px;
      padding-left: 65px;
      line-height: 65px;
  }
  
  #menu ul li a:hover {
      color: #75934e;
      text-decoration: underline;
  }
  
  @media only screen and (max-width: 1220px) {
      #menu ul li {
          float: none;
      }
      
      #menu ul li a {
          padding: 0;
          line-height: 30px;
          text-align: right;
      }
      
      .main-content,
      #sidebar {
          float: none;
          width: 100%;
      }
      
      h1 {
          position: relative;
          top: 0;
          background: none;
          text-align: left;
          padding: 0;
      }
  }