@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 4, ../scss/simple.page.scss */
html, body {
  margin: 0;
  padding: 0;
  border: none;
  background: #f9f9fb;
}

@media (max-width: 760px) {
  /* line 11, ../scss/simple.page.scss */
  body {
    font-size: 80%;
  }
}
/* line 16, ../scss/simple.page.scss */
header, main, footer {
  display: block;
  margin: 0;
  padding: 0;
}

/* line 25, ../scss/simple.page.scss */
.page-strip > .content {
  width: 1200px;
  max-width: 100%;
  margin: auto;
  padding: 1rem 2rem;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  /* line 25, ../scss/simple.page.scss */
  .page-strip > .content {
    width: 760px;
  }
}
@media (max-width: 760px) {
  /* line 25, ../scss/simple.page.scss */
  .page-strip > .content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* line 44, ../scss/simple.page.scss */
#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
/* line 48, ../scss/simple.page.scss */
#page #page-head {
  flex-grow: 1;
}
/* line 49, ../scss/simple.page.scss */
#page #page-body {
  flex-grow: 999;
}
/* line 50, ../scss/simple.page.scss */
#page #page-foot {
  flex-grow: 1;
}

/* line 54, ../scss/simple.page.scss */
#page-head .content {
  padding-top: .5em;
  padding-bottom: 1em;
}

@media (max-width: 760px) {
  /* line 60, ../scss/simple.page.scss */
  #logo img {
    width: 100px;
  }
}
/* line 65, ../scss/simple.page.scss */
#header {
  margin: 0;
  text-align: center;
}

/* line 71, ../scss/simple.page.scss */
#page-body .content {
  padding-bottom: 2em;
}

/* line 78, ../scss/simple.page.scss */
#page-foot {
  border-top: 1px dashed #c4ccd5;
  color: #9ea4b0;
  font-size: .9em;
  padding-bottom: 1em;
}
/* line 83, ../scss/simple.page.scss */
#page-foot a {
  color: #9ea4b0;
}
/* line 85, ../scss/simple.page.scss */
#page-foot a:hover {
  color: #262626;
}
/* line 90, ../scss/simple.page.scss */
#page-foot .content {
  display: flex;
  align-items: flex-start;
}

/* line 96, ../scss/simple.page.scss */
#copyright {
  min-width: 30%;
}
/* line 98, ../scss/simple.page.scss */
#copyright .logo {
  opacity: .5;
  margin: 0 3em 0 0;
}
/* line 101, ../scss/simple.page.scss */
#copyright .logo img {
  filter: grayscale(1) contrast(0.02) contrast(50);
  height: 3em;
  width: auto;
}

/* line 111, ../scss/simple.page.scss */
#footer-links {
  margin: 3em 0 0 0;
  padding: 0;
}
/* line 114, ../scss/simple.page.scss */
#footer-links li {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 760px) {
  /* line 122, ../scss/simple.page.scss */
  #page-foot .content {
    flex-direction: column-reverse;
  }

  /* line 125, ../scss/simple.page.scss */
  #footer-links {
    margin: 0 0 2em 2em;
  }
  /* line 127, ../scss/simple.page.scss */
  #footer-links li {
    margin: 0 0 0.5em 0;
  }
}

/*# sourceMappingURL=simple.page.css.map */
