.navbar a {
   float: left;
   font-size: 16px;
   text-align: center;
   text-decoration: none;
   color: #e0cfb6;
   padding-top: 4px;
   width: 150px;
   height: 24px;
  }
 
 .navbar a:hover {
   color: black;
   background-color: #e0cfb6;
   border-radius: 5px;
 }
 /*
 .subnav-content {
   display: none;
 }
 
 .subnav:hover .subnav-content {
   display: block;
   position: absolute;
   top: 70px;
 }

 /* Close btn */
#closeBtn {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 36px;
   width: 30px;
   height: 30px;
   padding: 0px;
 }

 #closeBtn:hover {
  background-color: #29236C;
  color: #e0cfb6;  
}
 
.burger-icon span {
  margin: 40%;
  display: block;
  position: relative;
  top: 40px;
  left: 40px;
  width: 35px;
  height: 5px;
  background-color: #e0cfb6;
  margin: 6px 0;
}
 
 .burgerBtn {
   padding: 0px;
   margin: 0px;
   position: absolute;
   left: 10px;
   top: 10px;
 }
 
 @media screen and (max-width: 1160px) {
  .navbar {
    display: flex;
    flex-direction: column;
    z-index: 1;
    overflow: hidden;
    position: fixed;
    height: 100%;
    padding: 50px 50px 0px 50px;
    max-width: 300px;
    left: -300px;
    background-color: #29236C;
    transition: left 0.5s ease;
  }

  .navbar.active {
    left: 0px;
  }
 }
 
 @media screen and (min-width: 1160px) {
   .burger-icon {
     visibility: hidden;
   }

   .navbar {
    display: flex;
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 90px;
    padding-top: 40px;
    padding-left: 50px;
    min-width: 1255px;
    background-color: #29236C;
   }
 }