.mobile-only {
  display: none;
}

@media screen and (max-width: 767px) {
  .mobile-only {
    display: block;
  }

  body > * {
    width: 100%;
  }

  header .logo {
    text-align: center;
    margin: auto;
    padding-top: 8px;
    padding-bottom: 4px;
    width: 68%;
  }

  footer > *:last-child > * {
    display: block;
    margin-bottom: 12px;
  }

  footer > * > *:last-child > * {
    padding-left: 12px;
    padding-right: 12px;
    border-left: solid 1px;
  }
  
  footer > * > *:last-child > *:last-child {
    border-right: solid 1px;
  }

  .banner-box {
    text-align: center;
    margin-bottom: 12px;
  }
}