/*
 * Globals/Resets
 */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

main a,
main a:focus,
main a:hover {
  color: #268BD2;
}

/* Lists */
ul,ol {
  padding: 0 0 0 1em;
}

/*
 * Base structure
 */

html,
body {
  color: #000000;
  background-color: #999;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  height: 100%; /* 100% of the viewport */
}

body {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

/*
 * Header & Nav
 */
header {
  color: #fff;
  background-color: #333;
  text-align: center;
  width: 100%;
  padding: 1em;
}


/*
 * Main
 */
main {
  background-color: #fff;
  margin: 0 auto auto auto;
  width: 66%;
  padding: 1em;
  border: 1px solid #333;
  border-top: none;
}

main h1,h2,h3,h4,h5,h6 {
  margin: 0.5em 0;
}

/*
 * Footer
 */
footer {
  color: #fff;
  background-color: #333;
  text-align: center;
  width: 100%;
  padding: 1em;
}