header {
    top: 0px;
}

#logocontainer {
    
    background-image: linear-gradient(rgb(108, 0, 14), rgb(158, 0, 23));
    background-color: #70090A;
    width: 100%;
    color: white;
    height: 5vw; 
}

#maincontainer {
    position: fixed;
    width: 100%;
    z-index: 100;
}

#benslogo {
    position: absolute;
    margin-left: 2%;
    margin-top: 10px;
    z-index: 1;
}

#benslogo img {
    width: 100%;
    height: auto;
}

#hours {
    
    font-family: sans-serif;
    float: right;
    
    text-align: center;
    
   padding-top: 15px;
    margin-right: 2%;
    
}

#hours h4 {
    margin: 0px;
    font-size: 1vw;
}

#hours h3 {
    margin: 0px;
    font-size: 1.5vw;
}

#subheading {
    background-color: #FFFFFFFF;
    height: 50px;
    box-shadow: 0px 6px 12px #888888;
    width: 100%;
    height: auto;
}



#subheading img {
    position: absolute;
    margin-left: 8%;
    bottom: 10%;
    z-index: 50;
    
    height: auto;
}

#subheading a {
    text-decoration: none;
}

#subheading li {
    list-style: none;   
}



.nav_category {
    display: inline-block;
    font-family: monospace;
    white-space: nowrap;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 5px;
}



#navigation a {
    color: #70090A;
}

#navigation li:hover {
    font-weight: bold;
}

#navigation ul {
    margin: 0px;
}

#navigation {
    text-align: center;
    font-size: 1.5vw;
    position: relative;
    z-index: 2;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown_content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown_content, ol, ul {
    padding: 0px;
}


.dropdown_content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


.dropdown:hover .dropdown_content {
    display: block;
    
}