html {
  min-height: 100%;
  position: relative; }

body, html {
  font-size: 100%; }

body {
  background-image: url(../img/bg.gif);
  font-family: 'Open Sans', sans-serif;
  font-size: 0.99rem;
  line-height: 1.65rem; }
  body .content-container {
    width: 40.375rem;
    margin: 3.125rem auto 6.5rem;
    background-image: url(../img/bgPaper.gif);
    padding: 0.9375rem; }
    @media (max-width: 700px) {
      body .content-container {
        width: 90%; } }
    body .content-container .content {
      background-image: url(../img/bgPaperDark.gif);
      padding: 2.125rem 1.0625rem 1.8125rem;
      text-align: center;
      color: #fcf9e6; }
      body .content-container .content div#name {
        margin-top: 1.6875rem; }
      body .content-container .content div#lead {
        margin-top: 1.125rem;
        font-weight: bold; }
      body .content-container .content div#cta {
        margin-top: 1.75rem; }
        body .content-container .content div#cta a {
          padding-top: 1rem;
          text-decoration: none;
          color: #fcf9e6;
          background-image: url(../img/btn.png);
          display: inline-block;
          width: 13.5625rem;
          height: 2.75rem;
          font-weight: bold; }
      body .content-container .content div#text {
        margin-top: 1.75rem; }
  body footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px; }
    body footer .wrapper {
      height: 100px;
      width: 42.25rem;
      position: relative;
      margin: 0 auto; }
      @media (max-width: 700px) {
        body footer .wrapper {
          width: 90%; } }
      body footer .wrapper #logo {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 5.625rem; }
      body footer .wrapper #handcrafted {
        position: absolute;
        right: 0px;
        bottom: 1.125rem;
        width: 9.375rem; }

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