html { height: 100%; }

body {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  text-align: center; font-size: 22px; line-height: 1.4em;
    
  box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; 
  min-height: 100%; width: 80vw; max-width: 35em; margin: 0 auto; padding: 40px 0; background-color: #045851; color: #f3f2ed; 
}

.logo { width: 450px; max-width: 100%; aspect-ratio: 1122/281; background: url(../images/pilot-build-logo.png) center no-repeat; background-size: contain; }

.show-for-medium { display: none; }

div.content { margin-top: 50px; }

p { margin: 0; }
p + p { margin-top: 1.4em; }

a { color: #f3f2ed; text-decoration: none; }
a:hover { color: #d8d8d8; transition: color 150ms ease; }

@media only screen and (min-device-width: 565px) {
  body { font-size: 24px; }
  .show-for-medium { display: block; }
  div.content { margin-top: 65px; }
}

@media only screen and (min-device-width: 710px) {
  body { font-size: 28px; }
}