.site {
  background: var(--color-paper);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-top: 3.025em;
  position: relative;
  width: 100%;
}

.site--notification {
  padding-top: 4.875em;
}

.site--bumper-bottom {
  padding-bottom: 10px;
}

.site--bumper-top {
  padding-top: 10px;
}

.site--features {
  overflow: initial;
}

.site--stripped {
  padding-top: 0;
}

@media(min-width: 64em) {

  .site {
    border-radius: 1.2em;
    margin: 2.2625em 1em 0 1em;
    padding-top: 1.2625em;
    width: auto;
  }

  .site--notification {
    margin-top: 3.8125em;
  }

  .site--bumper-bottom {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 10px;
  }

  .site--bumper-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 10px;
  }

  .site--stripped {
    margin: 1em;
    padding-top: 0;
  }

}
