$fontAwesomePath: "../fonts";
@import "fontawesome";
@import "pure";

#sitelink {
  font-size: 1em;
  letter-spacing: -0.11em;
  &:hover {
    text-decoration: none;
  }
  line-height: 1em;
  span {
    vertical-align: -0.2em;
    line-height: 1em;
  }
}

body,
.pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"] {
  /* Set you're content font stack here: */
  font-family: "Maven Pro", sans-serif;
}

.icons {
  dd {
    display:block;clear:both;
  }
}

.content {
  margin: 0px auto 50px;
  padding: 0px 2em;
  max-width: 800px;
}

.overview {
  margin: 0px auto 50px;
  max-width: 250px;
}

.hero {
  min-height: 80px;
  margin: 0px;
  color: rgb(51,  51,  51);
  padding: 1em 2em;
  text-align: center;
  border-bottom: 1px solid rgb(238,  238,  238);
  background: none repeat scroll 0% 0% rgb(255,  255,  255);
}

.hero h1 {
  margin: 0.2em 0px;
  font-size: 3em;
  font-weight: 300;
}

.hero h2 {
  font-weight: 300;
  margin: 0px;
  color: rgb(204, 204, 204);
}

a {color: rgb(59, 139, 186);text-decoration: none;}


footer {
  font-size: 87.5%;
  border-top: 1px solid rgb(238, 238, 238);
  padding: 0.5em 1.1429em;
  background: none repeat scroll 0% 0% rgb(250, 250, 250);
  line-height: 1.6em;
}
