html, body, header, footer {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
    max-width: 100%;
}

.site-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
  }
  
  main {
    flex: 1;
  }

  * {
    box-sizing: border-box;
  }

  h1, p {
    margin-bottom: 24px;
  }

  h1 {
    margin-bottom: 64px;
    font-weight: 800;
  }
  
  p {
    line-height: 1.4;
  }

header,
footer,
main {
  padding: 18px;
  
}

header {
  font-size: 20pt;
  font-weight: 400;
}

main {
  margin: 24px auto;
}

header {
  color: white;
  background-color: mediumaquamarine;
}

footer {
  color: whitesmoke;
  background-color: lightseagreen;
  font-size: 10pt;
}

footer a {
  color: white;

}

footer a:hover {
  color: whitesmoke;
}

footer div {
  margin-bottom: 16px;
}