charles.css

/* Media queries*/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    header {
      grid-template-columns: 1fr;
    }
    header .wrapper.isMain {
      grid-column-start: 1;
      grid-column-end: 1;
      /* flex-direction: column;
      align-items: center; */
    }

    main {
      grid-template-columns: 1fr;
    }
    main > .wrapper {
      grid-column-start: 1;
      grid-column-end: 1;
    }

    footer {
      grid-template-columns: 1fr;
    }
    footer .wrapper {
      grid-column-start: 1;
      grid-column-end: 1;
    }
    footer .supporters {
      flex-direction: column;
    }
    footer .supporters img {
      margin: 0 0 16px 0;
    }

    .appLogo {
      /* order: 2; */
      margin: 0 16px 0 8px;
      height: 20px;
    }
    .nhsLogo {
      /* order: 3; */
      margin: 0 8px 0 0;
      height: 20px;
    }
    .isMain .title h1 {
      font-size: 18px;
    }
    .isMain .title h2 {
      font-size: 14px;
    }
}