.menu-drawer {
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .menu-drawer.js-init {
    height: 100%;
    width: 100%;
    -webkit-transition: top 0.3s ease-out 0s, opacity 0.5s ease-in-out 0s;
    transition: top 0.3s ease-out 0s, opacity 0.5s ease-in-out 0s;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: fixed;
    top: -100%;
    z-index: 3; }
    .menu-drawer.js-init.open {
      opacity: 1;
      top: 0; }
  @media (min-width: 75em) {
    .menu-drawer {
      display: none;
      visibility: hidden; } }

.menu-drawer__utils {
  margin: 1.2rem 0;
  text-align: center; }