html, body {
  height: 100%;
  margin: 0; }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
  padding: 10px 120px;
  background-color: #d3d3d3; }

#content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative; }
  #content h1 {
    font-size: 48px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: #fff 1px solid;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: -1px -1px 2px #fff,   1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff; }
  #content ul {
    list-style: none;
    padding: 0; }
    #content ul li {
      font-size: 20px; }
    #content ul#resource-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  #content h2 {
    font-weight: 500; }
  #content p {
    font-size: 18px; }
  #content #back-to {
    position: absolute;
    bottom: 20px; }

footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 10px; }

/*# sourceMappingURL=site.css.map */