* {
  margin: 0;    
  border: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  font-size: 0;
  font-family: "trebuchet ms", "tahoma", sans-serif;
  color: #FFFFFF;
  background-color: #0F0F3F;
}
button {
  border: none;
}
a {
  text-decoration: none;
}
*.primary {
  background-color: #0F0F3F;
}
*.secondary {
  background-color: #0F0F3F;
}
*.tertiary {			
  background-color: #0F0F4F;
}
#menu-head {
  position: fixed;
  margin: 1dvw 0 1dvw 0;
  top: 0;
  left: 0;
  width: 23dvw;
  padding: 0 7dvw 1dvw 7dvw;
  border-bottom: 0.2dvw solid #000;
}
#menu-head img{
  height: 5dvw;
}
#menu-column {
  position: fixed;
  top: 7.2dvw;
  left: 0;
  bottom: 0;
  overflow-y: auto;
  width: 23dvw;
}
#menu-column::-webkit-scrollbar {
  display: none;
}
#menu-column:hover::-webkit-scrollbar {
  display: block;
  width: 0.5dvw;
}
#menu-column:hover::-webkit-scrollbar-thumb {
  background: #7F7F7F;
  border-radius: 5px;
}
#menu-column::-webkit-scrollbar-thumb:hover {
  background: #4F4F4F;
}
#menu-column {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#menu-column:hover {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}
#menu-column #menu-item h4 {
  cursor: pointer;
  width: 21dvw;
  margin: 1dvw 0 1dvw 1dvw;
  padding: 0 0 1dvw 1dvw;
  text-align: left;	
  font-family: "trebuchet ms", tahoma, sans-serif;
  font-size: 2dvw;
  font-weight: bold;
  word-wrap: break-word;
  color: #BFBFBF;
  border-left: none;
  border-bottom: 0.2dvw solid #000;
}
#menu-column #menu-item h4:hover {
  color: #FFF;			
  padding-left: 0.8dvw;
  border-left: 0.2dvw solid #FFF;
}
#menu-column #cookie-image {
  margin-left: 1dvw;
  width: 21dvw;
  padding: 1dvw;
  border-left: none;
  border-bottom: 0.2dvw solid #000;
}
#menu-column #cookie-image img {
  cursor: pointer;
  width: 19dvw;
}
#menu-column #cookie-image:focus {
  padding-left: 0.8dvw;
  border-left: 0.2dvw solid #FFF;
}
#menu-column #cookie-image:hover {
  padding-left: 0.8dvw;
  border-left: 0.2dvw solid #FFF;
}
#content {
  position: relative;
  top: 0dvw;
  left: 25dvw;
  width: 72dvw;
}
#content h1 {
  padding: 2dvw 1dvw 0.25dvw 1dvw;
  font-family: "trebuchet ms", tahoma, sans-serif;
  font-size: 5dvw;
  font-weight: bold;
  color: #FFF;
  font-style: normal;
}
#content h2 {
  padding: 0.25dvw 1dvw 2dvw 1dvw;
  font-family: "trebuchet ms", tahoma, sans-serif;
  font-size: 3dvw;
  font-weight: bold;
  color: #BFBFBF;
  font-style: italic;
}
#content h3 {
  margin: 1dvw;
  text-align: center;
  font-family: "times new roman", times, serif;
  font-size: 3dvw;
  font-weight: bold;
  color: #FFF;
  font-style: italic;
}
#content .middle-image img {
  width: 72dvw;
}
#content .middle-image td {
  text-align: center;
}
#content #icon-table {
  width: 100%;
  margin: 1dvw;  
  display: center;
}
#content #icon-table img {
  height: 15dvw; 
}
#content #icon-table td {
  text-align: center;
}
@media screen and (max-width: 980px) {
  #menu-head img{
    height: 6.5dvw;
  }
  #menu-column {
    top: 8.7dvw;
  }
  #menu-column #menu-item h4 {
    font-size: 2.6dvw;
  }
  #menu-column #cookie-image img {
    height: 8.2dvw;
  }
}