.hamburger{
    display:none;
    background-color: white;
    color:gray;
    position:absolute;
    top:0;
    right:0;
    padding:16px 16px;
    line-height: 1.2;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.menu {
    overflow: auto;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    min-height:50px;
}

.menu-aligner {
  float:right;
  overflow-x: hidden;
}

.menu-item {
  padding:16px 16px;
  line-height: 1.2;
  margin: 0 0 0 -5px;
}

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

@media screen and (max-width:800px) {
}

@media screen and (min-width:701px) {
  .menu {
    background-color:white;
    color:gray;
  }
  .menu-item {
    display:inline-block;
  }
}

@media screen and (max-width:700px) {
  .menu {
    background-color:white;
    color:gray;
  }
  .hamburger{
    background-color:white;
    color:gray;
    display:block;
  }
  .menu-item {
    display:none;
    color:white;
    float:left;
    width:100%;
    margin:0;
  }
}

@media (hover: hover) {
  .menu-item:hover {
    background-color:#0074D9;
    color:white;
    cursor:pointer;
  }
  .hamburger:hover{
    background-color:#0074D9;
    cursor: pointer;
    color:white;
  }
}

@media (hover: none) {
  .menu-item:active {
    background-color:#0074D9;
    color:white;
    cursor:pointer;
  }
  .hamburger:active{
    background-color:#0074D9;
    cursor: pointer;
    color:white;
  }
}