.menu-wrapper-small,
.menu-wrapper-small span,
.menu-wrapper-small img
.menu-wrapper-small span b,
.menu-wrapper-small span b a {
 display: none;
}

#menu-wrapper {
 position: absolute;
 z-index: 10;
 width: 100%;
 top: 0px;
 overflow: hidden;
 padding: 20px 0px 20px 0px; 
 text-align: center;
 background-color: #ffffff;
 border-bottom: 1px solid #ab0000;
}

#menu-wrapper a,
#menu-wrapper a:visited {
 position: relative;
 text-decoration: none;
 color: #ab0000;
 font-family: Lane, Calibri, Arial, Verdana;
 font-weight: bold;
 font-size: 20px;
 text-transform: uppercase;
 padding: 20px 20px 20px 20px;
}

#menu-wrapper a:hover {
 color: #000;
}

#menu-wrapper img {
 width: 200px;
 text-decoration: none;
}

@media only screen and (max-width: 1000px) {

#menu-wrapper a {
 font-size: 14px;
 padding: 10px;
}

}

@media only screen and (max-width: 700px) {

#menu-wrapper,
#menu-wrapper a {
 display: none;
}

.menu-wrapper-small {
 display: block;
 position: fixed;
 top: 0px;
 left: 0px;
 overflow: hidden; 
 width: 75px;
 height: 75px;
 z-index: 10;
 background-color: #ffffff;
 text-align: center;
 font-size: 50px;
 border-bottom: 1px solid #ab0000;
 border-right: 1px solid #ab0000;
}

.menu-wrapper-small:before {
 content: "";
 position: absolute;
 left: calc(50% - 25px);
 top: calc(50% - 14px);
 width: 50px;
 height: 6px;
 background: black;
 box-shadow: 
  0 11px 0 0 black,
  0 22px 0 0 black;
}

.menu-wrapper-small:hover:before {
 display: none;
}

.menu-wrapper-small span {
  display: none;  
  text-decoration: none;
  width: 100%; 
}

.menu-wrapper-small:hover {
 padding-top: 75px;
 display: block;
 width: 100%;
 height: auto;
}
.menu-wrapper-small:hover span {
  display: block;
  width: 100%;  
  position: relative;
  text-align: center;
  height: auto;
}

.menu-wrapper-small:hover span img {
 width: 200px;
}

.menu-wrapper-small:hover span b a:link,
.tooltip:hover span b a:visited {
 margin: 0 auto;
 display: block;
 width: 100%;
 text-decoration: none;
 color: #ab0000;
 font-family: Lane, Calibri, Arial, Verdana;
 font-weight: bold;
 font-size: 20px;
 padding: 10px;
 text-transform: uppercase;
}

.menu-wrapper-small:hover span b a:visited {
 color: #ab0000;
}

.menu-wrapper-small:hover span b a:hover {
  color: #000000;
}

}

@media only screen and (max-width: 500px) {

.menu-wrapper-small {
 width: 50px;
 height: 50px;
}

.menu-wrapper-small:before {
 content: "";
 position: absolute;
 left: calc(50% - 20px);
 top: calc(50% - 10px);
 width: 40px;
 height: 4px;
 background: black;
 box-shadow: 
  0 8px 0 0 black,
  0 16px 0 0 black;
}
}