.header {
    display: flex;
    width: 100%;
    padding: 0.5em 0px;
    align-items: center;
    background-color: #f6806e;
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
    font-weight: bold;
    font-size: 18px;
    z-index: 4;
    position: fixed;
    overflow: hidden;
    height: 37px;
    font-family: monospace;
    top:0;
}
.logo img{
    width: 60px;
    max-width: 330px;
}
#header a {
    text-decoration: none;
}
.logo{
    overflow: hidden;
    height: 50px;
    display: flex;
    align-items: center;
}


#header ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #header h2, h3, a {
      color: #34495e;
  }
  

  .main-nav {
      margin-top: 5px;
      align-items: center;
      display: inline-flex;
  }
  .main-nav a {
      padding: 10px 15px;
      text-transform: uppercase;
      text-align: center;
  }
  .main-nav a {
      color: #000000;
      font-size: .99em;
  }
  .main-nav a:hover {
      color: #718daa;
  }
  

  .navCont{
      text-align: center;
  }
  .menu {
      background: #a3825e;
      border: black 3px solid;
      border-radius: 11px;
      width: 11rem;
      padding: 10px;
      margin: auto;
      display: none;
  }
  #dropDownMenu ul{
      flex-direction: column;
      width: 100%;
      text-align: center;
      /* background-color: #3498db64; */
      align-items: center;
      
      text-decoration: none;
      list-style-type: none;
      padding: 5px;
      margin:0px;
  }
  .wood-button-gap{
      margin-right: 13px
  }
  .listGap{
    margin-top: 15px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ================================= 
    Media Queries
  ==================================== */
  
  @media (min-width: 1025px) {
      .header {
          flex-direction: row;
          justify-content: space-between;
      }
  
  }
  
  @media screen and (max-width: 884px) {
      .navCont ul{
          display: none;
      }
      #dropDownMenu ul.show {
          display: flex;
      }
  /* 
      .navCont li {
          margin: 10px 0;
      } */
  
      .menu {
          display: block;
      }
  }
  
  
  /* @media (min-width: 769px) {
      .main-nav {
          display: flex;
      }
      .header {
          flex-direction: column;
          align-items: center;
          .header{
              width: 80%;
              margin: 0 auto;
              max-width: 1150px;
          }
      }
  
  } */
  
  
  
  /* @media (min-width: 912px) {
      .header {
          flex-direction: row;
          justify-content: space-between;
      }
  
  } */
  
  /* @media (min-width: 1025px) {
      .header {
          flex-direction: row;
          justify-content: space-between;
      }
  
  }
  
  @media (min-width: 1025px) {
      .header {
          flex-direction: row;
          justify-content: space-between;
      }
  
  } */