html,body {
  width:100%;
  min-height:100%;
  overflow:hidden;
  font-weight:100%;
  font-family:arial;
  font-size:11pt;
  line-height:166%;
  margin:0;
  padding:0;
}
html {
  overflow-y:scroll;
}
body>div {
  align-items:center;
  width:100%;
  display:-ms-grid;
  display:grid;
  grid-auto-columns:1fr;
  grid-auto-flow:column;
  grid-gap:80px;
  padding:80px;
  margin:0 auto;
  padding-left:max(80px,calc(100% - calc(50% + 600px)));
  padding-right:max(80px,calc(100% - calc(50% + 600px)));
}
body>div>div {
  align-self:stretch;
  text-align:left;
}
div[class=''] + div[class='']:not(#footer) {
  padding-top:80px;
  margin-top:-80px;
}
div#banner {
  z-index:2;
}
div#home {
  margin-top:0;
  min-height:100vh;
  z-index:3;
  padding-bottom:0;
}
div#home img {
  z-index:-1;
  max-width:600px;
}
body>div:first-of-type:not(#home){
  margin-top:3.2em;
}
div#footer {
  background:var(--dark);
  color:white;
  padding:40px;
  padding-top:0;
  grid-gap:40px;
}
div#footer>*:last-child {
  text-align:right;
}
div#home h1,
div#footer h1 {
  display:none;
}

@media screen and (-ms-high-contrast: none) {
  body>div {
    padding:40px;
    padding-left:calc(100% - (50% + 600px));
    padding-right:calc(100% - (50% + 600px));
  }
  body>div>div {
    margin:40px;
  }
}

@media only screen and (max-width:1040px) {
  body>div,
  body>div>div {
    display:block;
    width:100% !important;
    padding:20px;
    padding-left:10px;
    padding-right:10px;
  }
  div#footer>*:last-child {
    text-align:left;
  }
}

