body { 
    height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
  flex: auto;
}
/* Sticky footer styles
-------------------------------------------------- */
footer {
    flex-shrink: 0;
}

.fixed-bottom-to-top {
    /*position: fixed;*/
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

/* https://w3bits.com/animated-hamburger-icons/ */
.hamburger {
  font-size: 20px;

  display: inline-block;

  width: 1em;
  height: 1em;
  padding: 0;

  cursor: pointer;
  transition: transform .2s ease-in-out;
  vertical-align: middle;

  border: 0 none;
  background: transparent;
}

/**
 * Button height fix for Firefox
 */
.hamburger::-moz-focus-inner {
  padding: 0;
  border: 0 none;
}

/**
 * Focus fix for Chrome
 */
.hamburger:focus {
  outline: 0;
}

.hamburger:before,
.hamburger:after {
  content: "";
}

.hamburger:before,
.hamburger .icon,
.hamburger:after {
  display: block;

  width: 100%;
  height: .15em;
  margin: 0 0 .25em;

  transition: transform .2s ease-in-out;

  border-radius: .05em;
  background: #596c7d;
}

/**
 * Styles for the active `.hamburger` icon
 */
.hamburger.active:before,
.hamburger.active .icon,
.hamburger.active:after {
  background: #2c3e50;
}

/**
 * VERTICAL HAMBURGER
 */
.hamburger.hamburger-vertical.active {
  transform: rotate(270deg);
}

/**
 * CLOSE/CANCEL/CROSS
 */
.hamburger.hamburger-cancel.active .icon {
  transform: scale(0);
}

.hamburger.hamburger-cancel.active:before {
  transform: translateY(.4em) rotate(135deg);
}

.hamburger.hamburger-cancel.active:after {
  transform: translateY(-.4em) rotate(-135deg);
}


@media (min-width: 768px) {
/*  .fixed-bottom-to-top {
      top: 0;
      bottom: auto;
  }*/
}