/* layout: container and structural layout */
.container{
  width:100%;
  max-width:var(--content-width);
  margin:0 auto;
  padding:var(--gutter);
}

.wrap{
  width:100%;
  max-width:var(--content-width);
  margin:0 auto;
  padding:var(--gutter);
  /* nudge header closer to hero */
  padding-top:16px;
  flex:1;
  display:flex;
  flex-direction:column;
}
.wrap main{flex:1}