/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*================ FUNCTIONS =================*/
/*================ VARIABLES =================*/
/*================ CLASSES =================*/
/* line 35, /app/source/stylesheets/partials/_mixins.scss */
.cf {
  /* For modern browsers */
  /* For IE 6/7 (trigger hasLayout) */
  *zoom: 1; }
  /* line 3, /app/source/stylesheets/partials/_mixins.scss */
  .cf:before, .cf:after {
    content: "";
    display: table; }
  /* line 7, /app/source/stylesheets/partials/_mixins.scss */
  .cf:after {
    clear: both; }

/*================ MIXINS =================*/
/* line 14, /app/vendor/bundle/ruby/2.1.0/gems/susy-2.1.3/sass/susy/language/susy/_box-sizing.scss */
*, *:before, *:after {
  box-sizing: border-box; }

@media screen and (max-width: 47.5em) {
  /* line 30, /app/source/stylesheets/partials/_grid.scss */
  .container {
    padding: 0 15px; } }
@media screen and (min-width: 47.5em) {
  /* line 30, /app/source/stylesheets/partials/_grid.scss */
  .container {
    padding: 0 20px;
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; } }

/* line 43, /app/source/stylesheets/partials/_grid.scss */
.row {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  /* line 12, /app/vendor/bundle/ruby/2.1.0/gems/susy-2.1.3/sass/susy/output/support/_clearfix.scss */
  .row:after {
    content: " ";
    display: block;
    clear: both; }

/* Primary font */
/* line 4, /app/source/stylesheets/partials/_typography.scss */
body {
  font-family: "brandon-grotesque"; }

/* line 11, /app/source/stylesheets/partials/_typography.scss */
body {
  color: #605e58;
  line-height: 1.6;
  font-weight: 300; }
  @media screen and (max-width: 47.5em) {
    /* line 11, /app/source/stylesheets/partials/_typography.scss */
    body {
      font-size: 18px; } }
  @media screen and (min-width: 47.5em) {
    /* line 11, /app/source/stylesheets/partials/_typography.scss */
    body {
      font-size: 24px; } }

/* line 23, /app/source/stylesheets/partials/_typography.scss */
strong {
  font-weight: 700; }

/* Secondary font */
/* line 32, /app/source/stylesheets/partials/_typography.scss */
h1, h2, h3, h4, h5, textarea, input, .button, .share-widget .or, figcaption, .post-nav {
  font-family: "kulturista-web"; }

/* line 40, /app/source/stylesheets/partials/_typography.scss */
h1, h2, h3, h4, h5, .button {
  font-weight: 600; }

/* line 44, /app/source/stylesheets/partials/_typography.scss */
textarea, input {
  font-weight: 300; }

/* Links */
/* line 50, /app/source/stylesheets/partials/_typography.scss */
a {
  font-weight: 600; }
  /* line 52, /app/source/stylesheets/partials/_typography.scss */
  a:link, a:visited, a:active {
    color: #f49206;
    text-decoration: none; }
  /* line 56, /app/source/stylesheets/partials/_typography.scss */
  a:hover {
    color: #f49206;
    text-decoration: underline; }

/* Other typography styles */
@media screen and (max-width: 47.5em) {
  /* line 65, /app/source/stylesheets/partials/_typography.scss */
  .post-content > p:first-of-type {
    font-size: 24px;
    line-height: 1.4; } }
@media screen and (min-width: 47.5em) {
  /* line 65, /app/source/stylesheets/partials/_typography.scss */
  .post-content > p:first-of-type {
    font-size: 34px;
    line-height: 1.4; } }
/* line 76, /app/source/stylesheets/partials/_typography.scss */
.post-content ul li, .post-content ol li {
  margin-bottom: 15px; }

/* line 1, /app/source/stylesheets/partials/_buttons.scss */
.button {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  padding: 6px 24px 10px 24px;
  text-transform: uppercase;
  position: relative; }
  /* line 11, /app/source/stylesheets/partials/_buttons.scss */
  .button:after {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    border: 2px solid rgba(255, 255, 255, 0.8); }
  /* line 21, /app/source/stylesheets/partials/_buttons.scss */
  .button:active {
    outline: none;
    top: 1px; }
    /* line 24, /app/source/stylesheets/partials/_buttons.scss */
    .button:active:before {
      top: 5px; }

/* line 30, /app/source/stylesheets/partials/_buttons.scss */
.primary-button, .download-button, .newsletter-submit {
  background: #f49206;
  border: none;
  cursor: pointer; }
  /* line 34, /app/source/stylesheets/partials/_buttons.scss */
  .primary-button, .download-button, .newsletter-submit, .primary-button:link, .download-button:link, .newsletter-submit:link, .primary-button:visited, .download-button:visited, .newsletter-submit:visited, .primary-button:active, .download-button:active, .newsletter-submit:active {
    color: white; }
  /* line 37, /app/source/stylesheets/partials/_buttons.scss */
  .primary-button:hover, .download-button:hover, .newsletter-submit:hover {
    background: #605e58;
    text-decoration: none; }

/* line 47, /app/source/stylesheets/partials/_buttons.scss */
.share-button {
  background: #f9f7ee;
  padding: 8px 24px;
  display: block;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  border: 2px solid #dbd3c6; }
  /* line 51, /app/source/stylesheets/partials/_buttons.scss */
  .share-button:after {
    border-color: #F0EDDC; }
  /* line 54, /app/source/stylesheets/partials/_buttons.scss */
  .share-button:hover {
    text-decoration: none;
    background: #f49206;
    color: white;
    border-color: #f49206; }
    /* line 59, /app/source/stylesheets/partials/_buttons.scss */
    .share-button:hover svg path {
      fill: white; }
  /* line 67, /app/source/stylesheets/partials/_buttons.scss */
  .share-button img, .share-button .svg {
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -4px; }
    /* line 74, /app/source/stylesheets/partials/_buttons.scss */
    .share-button img path, .share-button .svg path {
      fill: #f49206; }
  /* line 78, /app/source/stylesheets/partials/_buttons.scss */
  .share-button span {
    white-space: nowrap; }

/* line 1, /app/source/stylesheets/partials/_main.scss */
html {
  background: url("/images/bg.jpg");
  background: #F0EDDC; }

/* line 6, /app/source/stylesheets/partials/_main.scss */
html, body {
  padding: 0;
  margin: 0; }
  @media screen and (max-width: 47.5em) {
    /* line 6, /app/source/stylesheets/partials/_main.scss */
    html, body {
      overflow-x: hidden; } }

/* line 14, /app/source/stylesheets/partials/_main.scss */
header {
  text-align: center;
  position: relative;
  border-bottom: 3px solid #605e58; }
  @media screen and (max-width: 47.5em) {
    /* line 14, /app/source/stylesheets/partials/_main.scss */
    header {
      margin-bottom: 30px; } }
  @media screen and (min-width: 47.5em) {
    /* line 14, /app/source/stylesheets/partials/_main.scss */
    header {
      padding-top: 60px;
      margin-bottom: 60px; } }
  /* line 26, /app/source/stylesheets/partials/_main.scss */
  header h1 {
    margin: 0; }
  /* line 29, /app/source/stylesheets/partials/_main.scss */
  header a.logo-link {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    @media screen and (max-width: 47.5em) {
      /* line 29, /app/source/stylesheets/partials/_main.scss */
      header a.logo-link {
        padding: 30px 10px 0 10px; } }
    @media screen and (min-width: 47.5em) {
      /* line 29, /app/source/stylesheets/partials/_main.scss */
      header a.logo-link {
        padding: 0 20px; } }
  /* line 41, /app/source/stylesheets/partials/_main.scss */
  header img {
    display: none;
    width: 100%;
    margin: 0 auto; }
    /* line 45, /app/source/stylesheets/partials/_main.scss */
    header img.medium {
      max-width: 900px; }
      @media screen and (min-width: 47.5em) {
        /* line 45, /app/source/stylesheets/partials/_main.scss */
        header img.medium {
          display: block; } }
    /* line 52, /app/source/stylesheets/partials/_main.scss */
    header img.small {
      max-width: 600px; }
      @media screen and (max-width: 47.5em) {
        /* line 52, /app/source/stylesheets/partials/_main.scss */
        header img.small {
          display: block; } }
  /* line 59, /app/source/stylesheets/partials/_main.scss */
  header .credit {
    position: absolute;
    right: 10px;
    font-size: 13px;
    opacity: 0.5; }
    @media screen and (max-width: 47.5em) {
      /* line 59, /app/source/stylesheets/partials/_main.scss */
      header .credit {
        bottom: -30px; } }
    @media screen and (min-width: 47.5em) {
      /* line 59, /app/source/stylesheets/partials/_main.scss */
      header .credit {
        bottom: 10px; } }
    /* line 70, /app/source/stylesheets/partials/_main.scss */
    header .credit a {
      color: #605e58; }

/* line 75, /app/source/stylesheets/partials/_main.scss */
footer {
  margin: 60px 0;
  text-align: center; }
  /* line 81, /app/source/stylesheets/partials/_main.scss */
  footer p {
    margin-bottom: 0; }

/* line 2, /app/source/stylesheets/partials/_home.scss */
.intro-content {
  margin-bottom: 60px; }
  @media screen and (min-width: 47.5em) {
    /* line 2, /app/source/stylesheets/partials/_home.scss */
    .intro-content {
      padding: 0 120px; } }
  /* line 7, /app/source/stylesheets/partials/_home.scss */
  .intro-content h2 {
    text-align: center;
    line-height: 1.4;
    color: #f49206; }
    @media screen and (max-width: 47.5em) {
      /* line 7, /app/source/stylesheets/partials/_home.scss */
      .intro-content h2 {
        font-size: 22px; } }
    @media screen and (min-width: 47.5em) {
      /* line 7, /app/source/stylesheets/partials/_home.scss */
      .intro-content h2 {
        font-size: 36px; } }

/* line 20, /app/source/stylesheets/partials/_home.scss */
.telescope-note {
  background: #f9f7ee; }

@media screen and (min-width: 47.5em) {
  /* line 26, /app/source/stylesheets/partials/_home.scss */
  .telescope-description {
    font-size: 20px;
    margin-right: 290px; } }

/* line 32, /app/source/stylesheets/partials/_home.scss */
.telescope-screenshot {
  text-align: center; }
  @media screen and (max-width: 47.5em) {
    /* line 32, /app/source/stylesheets/partials/_home.scss */
    .telescope-screenshot {
      margin-bottom: 20px;
      width: 100%; } }
  @media screen and (min-width: 47.5em) {
    /* line 32, /app/source/stylesheets/partials/_home.scss */
    .telescope-screenshot {
      width: 260px;
      float: right; } }
  /* line 42, /app/source/stylesheets/partials/_home.scss */
  .telescope-screenshot a {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); }
  /* line 45, /app/source/stylesheets/partials/_home.scss */
  .telescope-screenshot img, .telescope-screenshot a {
    display: block;
    width: 100%; }
  /* line 49, /app/source/stylesheets/partials/_home.scss */
  .telescope-screenshot .screenshot-legend {
    font-size: 14px;
    margin: 10px 0 0 0;
    line-height: 1.4;
    font-weight: 300; }

/* line 58, /app/source/stylesheets/partials/_home.scss */
.section-download {
  text-align: center; }

/* line 62, /app/source/stylesheets/partials/_home.scss */
.share-widget {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  text-align: center; }
  /* line 67, /app/source/stylesheets/partials/_home.scss */
  .share-widget .or {
    font-size: 18px;
    margin: 5px 0 10px 0;
    display: block; }

/* line 74, /app/source/stylesheets/partials/_home.scss */
.tweet-field {
  border: 1px solid #dbd3c6;
  margin-bottom: 15px;
  position: relative; }
  /* line 79, /app/source/stylesheets/partials/_home.scss */
  .tweet-field textarea {
    border: none;
    padding: 15px;
    width: 100%;
    display: block;
    font-size: 16px;
    min-height: 140px;
    font-weight: 300;
    line-height: 1.6; }
  /* line 89, /app/source/stylesheets/partials/_home.scss */
  .tweet-field .tweet-counter {
    position: absolute;
    display: block;
    right: 8px;
    bottom: 8px;
    font-size: 14px; }
    /* line 95, /app/source/stylesheets/partials/_home.scss */
    .tweet-field .tweet-counter.danger {
      color: #DD4A54; }

/* line 100, /app/source/stylesheets/partials/_home.scss */
.tweet-button {
  width: 100%;
  display: block; }

/* line 104, /app/source/stylesheets/partials/_home.scss */
.facebook-button {
  margin-bottom: 15px; }

/* line 108, /app/source/stylesheets/partials/_home.scss */
.author {
  overflow: hidden; }

/* line 111, /app/source/stylesheets/partials/_home.scss */
.author-photo {
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (min-width: 47.5em) {
    /* line 111, /app/source/stylesheets/partials/_home.scss */
    .author-photo {
      float: left;
      margin-right: 30px; } }

/* line 119, /app/source/stylesheets/partials/_home.scss */
.author-image {
  width: 180px;
  margin: 0 auto;
  display: block;
  line-height: 1; }

@media screen and (min-width: 47.5em) {
  /* line 128, /app/source/stylesheets/partials/_home.scss */
  .author-bio {
    margin-left: 210px;
    font-size: 22px; } }

/* line 135, /app/source/stylesheets/partials/_home.scss */
.small-note {
  margin-top: 15px;
  font-size: 18px;
  color: #817E75; }

/* line 141, /app/source/stylesheets/partials/_home.scss */
.tweets {
  text-align: center; }

/* line 1, /app/source/stylesheets/partials/_elements.scss */
.telescope-note, .note {
  padding: 20px; }
  /* line 3, /app/source/stylesheets/partials/_elements.scss */
  .telescope-note h1, .note h1, .telescope-note h2, .note h2, .telescope-note h3, .note h3, .telescope-note h4, .note h4, .telescope-note h5, .note h5, .telescope-note ul, .note ul, .telescope-note ol, .note ol, .telescope-note p, .note p {
    margin-bottom: 15px; }
  /* line 6, /app/source/stylesheets/partials/_elements.scss */
  .telescope-note *:last-child, .note *:last-child {
    margin-bottom: 0; }

/* line 11, /app/source/stylesheets/partials/_elements.scss */
.button:before, .telescope-note:before, .tweet-field:before, .newsletter-email-wrapper:before, .post-nav .prev:before, .post-nav .next:before, .section-chapters .chapter-link:before, figure, .homework h4, .quote {
  background-image: url("/images/stripes-bg.png");
  background-size: 12px 12px; }
  @media print {
    /* line 11, /app/source/stylesheets/partials/_elements.scss */
    .button:before, .telescope-note:before, .tweet-field:before, .newsletter-email-wrapper:before, .post-nav .prev:before, .post-nav .next:before, .section-chapters .chapter-link:before, figure, .homework h4, .quote {
      background: #F0EDDC; } }

/* line 19, /app/source/stylesheets/partials/_elements.scss */
.button, .telescope-note, .tweet-field, .newsletter-email-wrapper, .post-nav .prev, .post-nav .next, .section-chapters .chapter-link {
  position: relative; }
  /* line 21, /app/source/stylesheets/partials/_elements.scss */
  .button:before, .telescope-note:before, .tweet-field:before, .newsletter-email-wrapper:before, .post-nav .prev:before, .post-nav .next:before, .section-chapters .chapter-link:before {
    position: absolute;
    display: block;
    content: " ";
    z-index: -10;
    top: 6px;
    left: 6px;
    height: 100%;
    width: 100%; }

@media screen and (max-width: 47.5em) {
  /* line 35, /app/source/stylesheets/partials/_elements.scss */
  h1, h2, h3, h4, h5, p, ol, ul, .note, .quote, .homework, .intro-note, figure {
    margin: 0 0 20px 0; } }
@media screen and (min-width: 47.5em) {
  /* line 35, /app/source/stylesheets/partials/_elements.scss */
  h1, h2, h3, h4, h5, p, ol, ul, .note, .quote, .homework, .intro-note, figure {
    margin: 0 0 30px 0; } }

/* line 44, /app/source/stylesheets/partials/_elements.scss */
input, textarea, button {
  outline-color: #f49206; }

/* line 53, /app/source/stylesheets/partials/_elements.scss */
.tweet {
  background: #fff; }

/* line 57, /app/source/stylesheets/partials/_elements.scss */
.page-title {
  text-align: center; }

/* line 61, /app/source/stylesheets/partials/_elements.scss */
section {
  margin-bottom: 60px; }

/* line 65, /app/source/stylesheets/partials/_elements.scss */
.section-subtitle {
  text-align: center;
  font-weight: 300; }

/* line 71, /app/source/stylesheets/partials/_elements.scss */
.avatar, .author-image img, .contributor-image img {
  border-radius: 100%;
  max-width: 200px;
  width: 100%;
  height: 100%;
  display: inline-block;
  border: 4px solid #dbd3c6; }

/* line 1, /app/source/stylesheets/partials/_figures.scss */
figure {
  page-break-inside: avoid;
  padding: 10px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 47.5em) {
    /* line 1, /app/source/stylesheets/partials/_figures.scss */
    figure {
      width: 75%; }
      /* line 11, /app/source/stylesheets/partials/_figures.scss */
      figure.shrink {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content; }
        /* line 15, /app/source/stylesheets/partials/_figures.scss */
        figure.shrink img {
          width: auto; }
      /* line 19, /app/source/stylesheets/partials/_figures.scss */
      figure.wide {
        width: 100%; }
      /* line 22, /app/source/stylesheets/partials/_figures.scss */
      figure.pull-left {
        float: left;
        margin: 0 30px 0 -120px; }
      /* line 26, /app/source/stylesheets/partials/_figures.scss */
      figure.pull-right {
        float: right;
        margin: 0 -120px 0 30px;
        width: 40%; } }
  /* line 33, /app/source/stylesheets/partials/_figures.scss */
  figure.no-border img {
    border: none; }
  /* line 38, /app/source/stylesheets/partials/_figures.scss */
  figure.shadow img {
    border-radius: 3px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); }
  /* line 43, /app/source/stylesheets/partials/_figures.scss */
  figure img {
    display: block;
    width: 100%; }

/* line 49, /app/source/stylesheets/partials/_figures.scss */
figcaption {
  font-weight: 600;
  margin-top: 10px;
  font-size: 18px;
  text-align: center; }

/* line 5, /app/source/stylesheets/partials/_contributors.scss */
.contributors {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

/* line 11, /app/source/stylesheets/partials/_contributors.scss */
.contributor {
  margin-bottom: 60px; }
  @media screen and (max-width: 47.5em) {
    /* line 11, /app/source/stylesheets/partials/_contributors.scss */
    .contributor {
      width: 100%; } }
  @media screen and (min-width: 47.5em) {
    /* line 11, /app/source/stylesheets/partials/_contributors.scss */
    .contributor {
      width: calc((100% - 90px)/4);
      margin-right: 30px; }
      /* line 19, /app/source/stylesheets/partials/_contributors.scss */
      .contributor:nth-of-type(4n) {
        margin-right: 0; } }

/* line 25, /app/source/stylesheets/partials/_contributors.scss */
.contributor-image {
  display: block;
  line-height: 1;
  margin: 0 auto; }
  @media screen and (max-width: 47.5em) {
    /* line 25, /app/source/stylesheets/partials/_contributors.scss */
    .contributor-image {
      width: 50%; } }
  @media screen and (min-width: 47.5em) {
    /* line 25, /app/source/stylesheets/partials/_contributors.scss */
    .contributor-image {
      width: 80%; } }

/* line 40, /app/source/stylesheets/partials/_contributors.scss */
.contributor-name {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300; }

/* line 46, /app/source/stylesheets/partials/_contributors.scss */
.contributor-community {
  margin-bottom: 0;
  font-size: 14px; }

/* line 52, /app/source/stylesheets/partials/_contributors.scss */
.contributor-more .inner {
  text-align: center;
  background: #dbd3c6;
  border-radius: 100%;
  max-width: 200px;
  max-height: 200px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }
  /* line 64, /app/source/stylesheets/partials/_contributors.scss */
  .contributor-more .inner:before {
    content: '';
    padding-top: 100%; }
  @media screen and (max-width: 47.5em) {
    /* line 52, /app/source/stylesheets/partials/_contributors.scss */
    .contributor-more .inner {
      font-size: 24px;
      width: 100%; } }
  @media screen and (min-width: 47.5em) {
    /* line 52, /app/source/stylesheets/partials/_contributors.scss */
    .contributor-more .inner {
      width: 80%; } }

/* line 4, /app/source/stylesheets/partials/_homework.scss */
.homework {
  page-break-inside: avoid;
  position: relative;
  margin: 0 -10px 60px -10px;
  border-top: 2px dashed #dbd3c6;
  border-bottom: 2px dashed #dbd3c6; }
  /* line 11, /app/source/stylesheets/partials/_homework.scss */
  .homework:after, .homework:before {
    top: -10px;
    display: block;
    content: " ";
    position: absolute;
    height: calc( 100% + 20px );
    width: 0px;
    z-index: 100; }
  /* line 20, /app/source/stylesheets/partials/_homework.scss */
  .homework:before {
    left: 10px;
    border-left: 2px dashed #dbd3c6; }
  /* line 24, /app/source/stylesheets/partials/_homework.scss */
  .homework:after {
    right: 10px;
    border-right: 2px dashed #dbd3c6; }
  /* line 28, /app/source/stylesheets/partials/_homework.scss */
  .homework h4 {
    padding: 15px 30px;
    margin: 0 10px;
    position: relative;
    background-color: #f9f7ee; }
    /* line 34, /app/source/stylesheets/partials/_homework.scss */
    .homework h4:after {
      display: block;
      content: " ";
      position: absolute;
      width: calc( 100% + 20px);
      height: 0px;
      border-bottom: 2px dashed #dbd3c6;
      left: -10px;
      bottom: 0px;
      z-index: 100; }
  /* line 46, /app/source/stylesheets/partials/_homework.scss */
  .homework ul {
    background: #f9f7ee;
    padding: 30px 60px;
    margin: 0 10px; }

/* line 1, /app/source/stylesheets/partials/_quotes.scss */
.quote {
  page-break-inside: avoid;
  padding: 15px;
  font-style: italic;
  /* For modern browsers */
  /* For IE 6/7 (trigger hasLayout) */
  *zoom: 1; }
  /* line 3, /app/source/stylesheets/partials/_mixins.scss */
  .quote:before, .quote:after {
    content: "";
    display: table; }
  /* line 7, /app/source/stylesheets/partials/_mixins.scss */
  .quote:after {
    clear: both; }
  /* line 7, /app/source/stylesheets/partials/_quotes.scss */
  .quote .inner {
    background: #f9f7ee; }
    @media screen and (max-width: 47.5em) {
      /* line 7, /app/source/stylesheets/partials/_quotes.scss */
      .quote .inner {
        padding: 15px; } }
    @media screen and (min-width: 47.5em) {
      /* line 7, /app/source/stylesheets/partials/_quotes.scss */
      .quote .inner {
        padding: 20px 30px; } }
  /* line 16, /app/source/stylesheets/partials/_quotes.scss */
  .quote h4 {
    margin: 10px 0 0 0;
    padding-left: 25px;
    position: relative;
    float: right; }
    @media screen and (max-width: 47.5em) {
      /* line 16, /app/source/stylesheets/partials/_quotes.scss */
      .quote h4 {
        font-size: 16px; } }
    @media screen and (min-width: 47.5em) {
      /* line 16, /app/source/stylesheets/partials/_quotes.scss */
      .quote h4 {
        font-size: 18px; } }
    @media screen and (min-width: 47.5em) {
      /* line 16, /app/source/stylesheets/partials/_quotes.scss */
      .quote h4 {
        white-space: nowrap; } }
    /* line 30, /app/source/stylesheets/partials/_quotes.scss */
    .quote h4:after {
      content: " ";
      height: 0;
      width: 0;
      top: -10px;
      left: 0px;
      position: absolute;
      border-style: solid;
      border-width: 0 15px 15px 0;
      border-color: transparent #f9f7ee transparent transparent; }

/* line 1, /app/source/stylesheets/partials/_nav.scss */
.post-nav {
  padding-bottom: 10px;
  /* For modern browsers */
  /* For IE 6/7 (trigger hasLayout) */
  *zoom: 1; }
  /* line 3, /app/source/stylesheets/partials/_mixins.scss */
  .post-nav:before, .post-nav:after {
    content: "";
    display: table; }
  /* line 7, /app/source/stylesheets/partials/_mixins.scss */
  .post-nav:after {
    clear: both; }
  /* line 5, /app/source/stylesheets/partials/_nav.scss */
  .post-nav .prev, .post-nav .next {
    text-align: center;
    width: calc(50% - 8px);
    padding: 30px;
    white-space: nowrap; }
    @media screen and (max-width: 47.5em) {
      /* line 5, /app/source/stylesheets/partials/_nav.scss */
      .post-nav .prev, .post-nav .next {
        padding: 15px 10px;
        font-size: 16px; } }
  /* line 22, /app/source/stylesheets/partials/_nav.scss */
  .post-nav .prev {
    margin-right: 8px;
    float: left; }
  /* line 26, /app/source/stylesheets/partials/_nav.scss */
  .post-nav .next {
    margin-left: 8px;
    float: right; }

/* line 1, /app/source/stylesheets/partials/_newsletter.scss */
.section-newsletter {
  text-align: center; }

/* line 4, /app/source/stylesheets/partials/_newsletter.scss */
.newsletter-form {
  display: inline-block; }

/* line 7, /app/source/stylesheets/partials/_newsletter.scss */
.newsletter-email-wrapper {
  display: inline-block; }
  @media screen and (max-width: 47.5em) {
    /* line 7, /app/source/stylesheets/partials/_newsletter.scss */
    .newsletter-email-wrapper {
      margin-bottom: 10px; } }

/* line 14, /app/source/stylesheets/partials/_newsletter.scss */
.newsletter-email {
  padding: 6px 10px;
  font-size: 24px;
  font-weight: 300;
  border: none;
  border: 2px solid #dbd3c6;
  display: inline-block; }
  @media screen and (max-width: 47.5em) {
    /* line 14, /app/source/stylesheets/partials/_newsletter.scss */
    .newsletter-email {
      width: 100%; } }

/* line 25, /app/source/stylesheets/partials/_newsletter.scss */
.newsletter-submit {
  display: inline-block;
  top: -2px; }

/* line 1, /app/source/stylesheets/partials/_chapters.scss */
.post-nav .prev, .post-nav .next, .section-chapters .chapter-link {
  display: block;
  background: white; }
  /* line 5, /app/source/stylesheets/partials/_chapters.scss */
  .post-nav .prev:after, .post-nav .next:after, .section-chapters .chapter-link:after {
    position: absolute;
    display: block;
    content: " ";
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    border: 3px solid #F0EDDC; }
  /* line 15, /app/source/stylesheets/partials/_chapters.scss */
  .post-nav .prev:hover, .post-nav .next:hover, .section-chapters .chapter-link:hover {
    text-decoration: none; }
    /* line 17, /app/source/stylesheets/partials/_chapters.scss */
    .post-nav .prev:hover:before, .post-nav .next:hover:before, .section-chapters .chapter-link:hover:before {
      background-color: #dbd3c6; }
    /* line 20, /app/source/stylesheets/partials/_chapters.scss */
    .post-nav .prev:hover:after, .post-nav .next:hover:after, .section-chapters .chapter-link:hover:after {
      border-color: #f49206; }
    /* line 23, /app/source/stylesheets/partials/_chapters.scss */
    .post-nav .prev:hover .chapter-icon *, .post-nav .next:hover .chapter-icon *, .section-chapters .chapter-link:hover .chapter-icon * {
      stroke: #f49206; }

/* line 29, /app/source/stylesheets/partials/_chapters.scss */
.section-chapters {
  text-align: center; }
  /* line 31, /app/source/stylesheets/partials/_chapters.scss */
  .section-chapters .chapters-toc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  /* line 36, /app/source/stylesheets/partials/_chapters.scss */
  .section-chapters .chapter-link {
    margin-bottom: 30px;
    position: relative;
    padding: 30px; }
    @media screen and (max-width: 47.5em) {
      /* line 36, /app/source/stylesheets/partials/_chapters.scss */
      .section-chapters .chapter-link {
        width: 100%; } }
    @media screen and (min-width: 47.5em) {
      /* line 36, /app/source/stylesheets/partials/_chapters.scss */
      .section-chapters .chapter-link {
        width: 30%;
        width: calc((100% - 60px) / 3);
        margin-right: 30px; }
        /* line 49, /app/source/stylesheets/partials/_chapters.scss */
        .section-chapters .chapter-link:nth-child(3n+1) {
          margin-right: 0; }
        /* line 52, /app/source/stylesheets/partials/_chapters.scss */
        .section-chapters .chapter-link.chapter-introduction, .section-chapters .chapter-link.chapter-conclusion {
          width: 100%;
          margin-right: 0; } }
    /* line 59, /app/source/stylesheets/partials/_chapters.scss */
    .section-chapters .chapter-link .chapter-contents {
      z-index: 0;
      position: relative; }

/* line 67, /app/source/stylesheets/partials/_chapters.scss */
.chapter-icon {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 15px auto; }
  /* line 72, /app/source/stylesheets/partials/_chapters.scss */
  .chapter-icon * {
    stroke: #605e58; }

/* line 76, /app/source/stylesheets/partials/_chapters.scss */
.chapter-title {
  display: block;
  line-height: 1.4;
  color: #f49206;
  margin-bottom: 5px;
  font-weight: 600; }

/* line 83, /app/source/stylesheets/partials/_chapters.scss */
.chapter-description {
  display: block;
  color: #605e58;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 0; }

/* line 91, /app/source/stylesheets/partials/_chapters.scss */
.page-image {
  margin-bottom: 30px;
  overflow: hidden; }
  /* line 94, /app/source/stylesheets/partials/_chapters.scss */
  .page-image .image-wrapper {
    margin: 0 auto;
    padding: 30px;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 3px solid #dbd3c6;
    position: relative; }
    /* line 102, /app/source/stylesheets/partials/_chapters.scss */
    .page-image .image-wrapper:after, .page-image .image-wrapper:before {
      display: block;
      content: " ";
      border-bottom: 3px solid #dbd3c6;
      position: absolute;
      top: 50%;
      width: 900px; }
    /* line 110, /app/source/stylesheets/partials/_chapters.scss */
    .page-image .image-wrapper:after {
      right: 100%; }
    /* line 113, /app/source/stylesheets/partials/_chapters.scss */
    .page-image .image-wrapper:before {
      left: 100%; }
  /* line 117, /app/source/stylesheets/partials/_chapters.scss */
  .page-image .chapter-icon {
    width: 100%;
    height: 100%;
    margin: 0 auto; }

/* line 1, /app/source/stylesheets/partials/_tweet-links.scss */
a[href~="#twitter"], .twitter-link {
  font-weight: 300;
  background-color: #f8f5d5;
  padding: 0 8px;
  position: relative;
  cursor: pointer;
  -moz-transition: all 300ms ease-out 0ms;
  -o-transition: all 300ms ease-out 0ms;
  -webkit-transition: all 300ms ease-out;
  -webkit-transition-delay: 0ms;
  -webkit-transition: all 300ms ease-out 0ms;
          transition: all 300ms ease-out 0ms; }
  /* line 9, /app/source/stylesheets/partials/_tweet-links.scss */
  a[href~="#twitter"], a[href~="#twitter"]:link, a[href~="#twitter"]:active, a[href~="#twitter"]:hover, a[href~="#twitter"]:visited, .twitter-link, .twitter-link:link, .twitter-link:active, .twitter-link:hover, .twitter-link:visited {
    color: #605e58;
    text-decoration: none; }
  /* line 13, /app/source/stylesheets/partials/_tweet-links.scss */
  a[href~="#twitter"]:after, .twitter-link:after {
    -moz-transition: width 300ms ease-out 0ms;
    -o-transition: width 300ms ease-out 0ms;
    -webkit-transition: width 300ms ease-out;
    -webkit-transition-delay: 0ms;
    -webkit-transition: width 300ms ease-out 0ms;
            transition: width 300ms ease-out 0ms;
    content: " ";
    display: inline-block;
    width: 0px;
    vertical-align: text-bottom;
    position: relative;
    right: -8px;
    background: #f1ea92 url("/images/twitter2.svg") right 6px center no-repeat;
    background-size: 20px 20px; }
    @media screen and (max-width: 47.5em) {
      /* line 13, /app/source/stylesheets/partials/_tweet-links.scss */
      a[href~="#twitter"]:after, .twitter-link:after {
        height: 26px; } }
    @media screen and (min-width: 47.5em) {
      /* line 13, /app/source/stylesheets/partials/_tweet-links.scss */
      a[href~="#twitter"]:after, .twitter-link:after {
        height: 35px; } }
  /* line 34, /app/source/stylesheets/partials/_tweet-links.scss */
  a[href~="#twitter"]:hover, .twitter-link:hover {
    background-color: #faf5b7; }
    /* line 36, /app/source/stylesheets/partials/_tweet-links.scss */
    a[href~="#twitter"]:hover:after, .twitter-link:hover:after {
      width: 32px; }

/* Fancy font */
@font-face {
  font-family: Sullivan;
  src: url("/fonts/Sullivan-Regular.otf") format("opentype"); }
@font-face {
  font-family: Sullivan;
  font-weight: bold;
  src: url("/fonts/Sullivan-Fill.otf") format("opentype"); }
/* line 16, /app/source/stylesheets/partials/_fancy.scss */
.fancy, .section-title .inner {
  font-family: Sullivan;
  text-transform: uppercase;
  position: relative;
  line-height: 1;
  display: block;
  text-align: center; }
  @media screen and (max-width: 47.5em) {
    /* line 16, /app/source/stylesheets/partials/_fancy.scss */
    .fancy, .section-title .inner {
      font-size: 60px; } }
  @media screen and (min-width: 47.5em) {
    /* line 16, /app/source/stylesheets/partials/_fancy.scss */
    .fancy, .section-title .inner {
      font-size: 120px; } }
  /* line 29, /app/source/stylesheets/partials/_fancy.scss */
  .fancy span, .section-title .inner span, .fancy:after, .section-title .inner:after, .fancy:before, .section-title .inner:before {
    display: block;
    content: attr(data-content);
    top: 0px;
    left: 0px;
    width: 100%; }
  /* line 36, /app/source/stylesheets/partials/_fancy.scss */
  .fancy span, .section-title .inner span {
    position: relative;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.7);
    z-index: 2; }
  /* line 42, /app/source/stylesheets/partials/_fancy.scss */
  .fancy:after, .section-title .inner:after {
    position: absolute;
    font-weight: 100;
    color: #f49206;
    z-index: 3; }
  /* line 48, /app/source/stylesheets/partials/_fancy.scss */
  .fancy:before, .section-title .inner:before {
    position: absolute;
    top: 4px;
    left: 4px;
    font-weight: 800;
    color: #dbd3c6;
    z-index: 1; }

/* line 59, /app/source/stylesheets/partials/_fancy.scss */
.section-title {
  overflow: hidden;
  text-align: center;
  margin-bottom: 30px; }
  /* line 63, /app/source/stylesheets/partials/_fancy.scss */
  .section-title .inner {
    line-height: 0.73;
    display: inline-block;
    margin-bottom: 0;
    position: relative; }
  /* line 70, /app/source/stylesheets/partials/_fancy.scss */
  .section-title span {
    padding: 0 20px; }
    /* line 72, /app/source/stylesheets/partials/_fancy.scss */
    .section-title span:before, .section-title span:after {
      background-image: url("/images/bricks.png");
      background-size: 30px 30px;
      content: " ";
      display: block;
      position: absolute;
      top: 0px;
      bottom: 0px;
      width: 800px; }
    /* line 85, /app/source/stylesheets/partials/_fancy.scss */
    .section-title span:before {
      right: 100%; }
    /* line 88, /app/source/stylesheets/partials/_fancy.scss */
    .section-title span:after {
      left: 100%; }