.ham {
  position: fixed;
  /* always keep ham on top of everything */
  z-index: 5000;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  border: none;
  border-radius:6px;
/*  cursor: pointer;*/
  background-color: transparent;
  /* show the menu image */
  background-image: url("icon_burger_white.png");
  background-size: 100%;
}

button.blog {
    position:absolute;
}

@media only screen and (min-width:700px) {
    button.blog {
    position:fixed;
}
}
    
    
    /* change ham image to close */
.showClose {
  background-image: url("IMG/icon_closecross_white.png");
}

.navbar {
  position: fixed;
  z-index: 4000;
  top: 0;
  left: 0;
  background:#cc0000;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  color: white;
  /* hide the menu above the screen by default */
  transform: translateY(-100%);
  /* transition adds a little animation when sliding in and out the menu */
  transition: transform 0.2s ease;
}

.showNav {
  /* show the menu */
  transform: translateY(0);
}

@media only screen and (min-width:1300px) {
    .ham {position:fixed}
    .navbar {position:fixed;}
}

.navbar ul {
  width: 100%;
  height: 100%;
  list-style: none;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  align-items: center;
}

.navbar ul li a {
  color: white;
  padding-bottom: 10px;
  text-decoration: none;
  text-transform:uppercase;
  font-family:'GidolinyaRegular';
  font-size: 1.2rem;
}

.navbar ul li a:hover, .navbar ul li a:focus {
  border-bottom: 2px solid white;
}