.rubik {
  font-family: 'Rubik', sans-serif;
 }

@media screen and (min-width:30em) {
  .bg-ns {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../img/bg.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: -1;
  }
}

.donation {
  pointer-events: none;
}

.donation--visible {
  pointer-events: auto;
}

.donation-scrim {
  transition: all 0.375s cubic-bezier(0.4, 0.2, 0, 1);
  opacity: 0;
}

.donation-panel {
  transition: all 0.375s cubic-bezier(0.4, 0.2, 0, 1);
  transform: translateX(100%);
}

.donation--visible .donation-scrim {
  opacity: 1;
}

.donation--visible .donation-panel {
  transform: translateX(0);
}

.iframe-container {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  position: fixed;
  top: 70px;
  bottom: 0;
  right: 0;
  width: 100%;
}

.iframe {
  height: 100%;
  width: 100%;
}