@media screen and (max-width: 600px) {
  .pushNav {
    width: 75%;
    right: -75%;
  }
}
@media screen and (min-width: 601px) {
  .pushNav {
    width: 350px;
    right: -350px;
  }
}
ul.pushNav {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.pushNav {
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  overflow: hidden;
  background: #2e2f35;
  transition: ease-in-out 0.5s;
}
.pushNav hr {
  border: 1px solid #555;
}

.pushNav, .pushNav a {
  font-size: 1em;
  font-family: helvetica, sens-serif;
  font-weight: 100;
  color: #fff;
  text-decoration: none;
}

.pushNavIsOpen {
  overflow: auto;
  height: 100%;
}

.js-topPushNav.isOpen, .pushNav_level.isOpen {
  right: 0;
}

.closeLevel, .openLevel {
  cursor: pointer;
}

.openLevel, .closeLevel, .pushNav a {
  padding: 1em 0;
  display: block;
  //text-indent: 20px;
  transition: background 0.4s ease-in-out;
  padding-left: 20px;
}
.openLevel:hover, .closeLevel:hover, .pushNav a:hover {
  background: #494a50;
}

.hdg {
  background-color: #1e1e24;
}

.closeLevel, closelevel > i {
  font-size: 1em;
  color: #a5a5a4;
}

.burger {
  position: absolute;
  bottom: 3px;
}

.burger i {
  font-size: 3em;
}

.screen {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.pushNavIsOpen .screen {
  height: 100%;
  opacity: 0.5;
}

.fa {
  display: inline;
  padding: 5px;
}

.wrapper {
  color: #000;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 100;
  font-size: 0.6em;
  line-height: 1.4em;
}
.wrapper a {
color: #385125;
  text-decoration: none;
  font-size: 1.55em;
}
.wrapper button {
  background-color: #20c270;
  margin: 50px auto;
  display: block;
  padding: 10px 40px;
  border: none;
}
.wrapper button:hover {
  background-color: #18a960;
}
.wrapper button a {
  color: #fff;
  font-size: 2em;
}

@media (min-width: 1201px) {
.burger{
  bottom: 18px;
}
}