mobile.css

@media screen and (max-width:39rem) {
  .gdoc-nav {
    margin-left: -16rem;
    font-size: 16px
  }
  .gdoc-nav__control {
    display: inline-block
  }
  .gdoc-header .icon {
    width: 1.5rem;
    height: 1.5rem
  }
  .gdoc-brand {
    font-size: 1.5rem
  }
  .gdoc-brand__img {
    display: none
  }
  .gdoc-error {
    padding: 6rem 1rem
  }
  .gdoc-error .icon {
    width: 4rem;
    height: 4rem
  }
  .gdoc-error__message {
    padding-left: 2rem
  }
  .gdoc-error__line {
    padding: .25rem 0
  }
  .gdoc-error__title {
    font-size: 2rem
  }
  .gdoc-page__header .breadcrumb,
  .hidden-mobile {
    display: none
  }
  .gdoc-footer__item {
    width: 100%
  }
  #menu-control:checked ~ main .gdoc-nav nav,
  #menu-control:checked ~ main .gdoc-page {
    transform: translateX(16rem)
  }
  #menu-control:checked ~ main .gdoc-page {
    opacity: .25
  }
  #menu-control:checked ~ .gdoc-header .gdoc-nav__control .icon.menu {
    display: none
  }
  #menu-control:checked ~ .gdoc-header .gdoc-nav__control .icon.arrow-back {
    display: inline-block
  }
}