/* ================================= */
/* = GENERATED FROM SASS           = */
/* = DO NOT EDIT CSS FILE DIRECTLY = */
/* ================================= */
body {
  font-size: 1.6em;
  line-height: 1.6;
  font-weight: 300;
  font-family: "Lato", serif;
}

.container {
  max-width: 640px;
}

p {
  text-align: justify;
}

h2 {
  font-style: normal;
}

html body, nav.navbar, nav.navbar-spacer, a, a.navbar-link {
  color: #ccc;
  background-color: #39424E;
}

a:hover, a.navbar-link:hover {
  color: #fff;
}

code {
  background-color: #323a44;
  border-color: #666;
}

.navbar {
  border-color: #666;
}

hr {
  border-color: #666;
}

ol {
  list-style-position: outside;
  margin-left: 0;
  padding-left: 1.5em;
}

ul {
  list-style-position: outside;
  margin-left: 0;
  padding-left: 1.5em;
}

/* This should be moved into a separate style-images.css */
.img-circle {
  border-radius: 50%;
}

img {
  max-width: 100%;
  border: 1px solid #666;
  border-radius: 4px;
}

img[src*="#circle"] {
  width: 150px;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
}

img[src*="#thumb"] {
  width: 200px;
  float: left;
  margin: 0 15px 0 0;
}

img[src*="#thumb_right"] {
  width: 200px;
  float: right;
  margin: 0 0 0 15px;
}

/* Some extra overriding is needed for @media conditional styling */
@media (min-width: 0px) {
  .navbar-spacer {
    border: 0;
    background-color: #39424E;
  }
}

/*# sourceMappingURL=style-custom.css.map */