.main>section button {
  border: none;
  background-color: transparent;
  padding: 1.75em 1.5em 1.5em 1.5em;
  display: block;
  cursor: pointer;
  position: fixed;
  top: 0;
  z-index: 101;
}

section button img {
  width: 3em;
  height: auto;
}

/* General styles for all menus */
.cbp-spmenu {
  background-color: rgba(255, 255, 250, 0.85);
  position: fixed;
  overflow-y: auto;
}

.cbp-spmenu a {
  display: block;
  font-size: 1.5em;
}

/* the menu text */
.cbp-spmenu a:hover, a:active {
  color: #FF00D1;
}

#currentpageLink {
  font-weight: 300;
}

#currentpage {
  color: grey;
  /* sets it to grey and no link */
  font-weight: 300;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
  width: 32.5em;
  /* 520px, was 240 */
  height: 100%;
  top: 0;
  z-index: 4;
  -webkit-box-shadow: 0 0.625em 0.3125em grey;
  -moz-box-shadow: 0 0.625em 0.3125em grey;
  box-shadow: 0 0.625em 0.3125em grey;
}

.cbp-spmenu-vertical a {
  border-bottom: 1px solid grey;
  padding: 0.8em;
}

/* Vertical menu that slides from the left */
.cbp-spmenu-left {
  left: -33.125em;
  /* 530px, was 240 */
}

.cbp-spmenu-left.cbp-spmenu-open {
  left: 0;
}

/* Push classes applied to the body */
.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

/* Transitions - slides menu in and out*/
.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.topMenuSpacer {
  margin-top: 3em;
}

@media (max-width: 767px) {
  .main>section button {
    padding: 2em 1.5em 1em 1.5em;
  }

  section button img {
    width: 2.3em;
    height: auto;
  }

  .cbp-spmenu {
    background-color: #fffffa;
  }

  .cbp-spmenu a {
    font-size: 1em;
    padding-left: 3em;
    font-weight: 300;
  }

  #currentpageLink {
    font-weight: bolder;
  }

  #currentpage {
    font-weight: bolder;
  }

  .cbp-spmenu-vertical {
    width: 100%;
  }

  .cbp-spmenu-left {
    left: -102%;
  }

  .topMenuSpacer {
    margin-top: 3em;
  }
}