body {
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  #menu {
    height: 96vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  #menu {
    margin-top: 20px;
  }
}
#menu.restricted-page {
  height: 96vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 0px !important;
}
#menu a {
  text-decoration: none;
  color: black;
}
#menu .no-margin {
  margin: 0px;
}
#menu .expand {
  margin-bottom: 10px;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: transform 330ms ease-in-out;
  -moz-transition: transform 330ms ease-in-out;
  -ms-transition: transform 330ms ease-in-out;
  -o-transition: transform 330ms ease-in-out;
  transition: transform 330ms ease-in-out;
}
@media screen and (min-width: 768px) {
  #menu .expand:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: transform 330ms ease-in-out;
    -moz-transition: transform 330ms ease-in-out;
    -ms-transition: transform 330ms ease-in-out;
    -o-transition: transform 330ms ease-in-out;
    transition: transform 330ms ease-in-out;
  }
}
#menu .flip-card {
  background-color: transparent;
  perspective: 1000px;
  cursor: pointer;
}
#menu .flip-card-inner {
  position: relative;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
#menu .flip {
  transform: translateZ(0px) rotateY(180deg) !important;
}
#menu .flip:after {
  display: none;
}
#menu .flip-card-front,
#menu .flip-card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#menu .flip-card-back {
  color: black;
  transform: rotateY(180deg);
}
#menu .flip-card-back .row {
  position: absolute;
  top: 32px;
  z-index: 1000;
  width: 100%;
  left: 11px;
}
#menu .flip-card-back .row svg {
  font-size: 3.5em !important;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: transform 330ms ease-in-out;
  -moz-transition: transform 330ms ease-in-out;
  -ms-transition: transform 330ms ease-in-out;
  -o-transition: transform 330ms ease-in-out;
  transition: transform 330ms ease-in-out;
}
#menu .flip-card-back .row svg.fa-google {
  font-size: 2em !important;
}
#menu .flip-card-back .row svg:hover {
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
  -webkit-transition: transform 330ms ease-in-out;
  -moz-transition: transform 330ms ease-in-out;
  -ms-transition: transform 330ms ease-in-out;
  -o-transition: transform 330ms ease-in-out;
  transition: transform 330ms ease-in-out;
}