*,
*::after,
*::before {
    box-sizing: border-box;
}

img, picture, svg, video {
   display: block;
   max-width: 100%;
}

body {
   overflow-x: hidden; /* this is for the menu so it may not cause shift */
   min-height: 100vh;
   min-height: 100dvh;
   display: grid;
   grid-template-rows: auto 1fr auto;
   padding-bottom: 2em;
}

header {
    width: 100%;
    display: flex;
    align-items: center;
}
header div:first-of-type {
    flex: 0 0 auto;
}
header div:last-of-type {
    margin: 0 0 0.5rem 0;
    flex: 1;
    text-align: center;
}

.ngc-footer{
   margin-top: 5em;
}

#content > h4 {
   text-align: center;
}