/* General */
/* line 10, ../../_src/_sass/main.scss */
body {
  font-family: Charter, serif;
  font-size: 100%;
  line-height: 1.35;
  background: #111111;
  color: white;
  max-width: 60em;
  margin: auto;
  text-rendering: optimizeLegibility;
}

@media screen and (min-width: 30em) {
  /* line 21, ../../_src/_sass/main.scss */
  body {
    font-size: 120%;
    line-height: 1.4;
  }
}
@media screen and (min-width: 55em) {
  /* line 27, ../../_src/_sass/main.scss */
  body {
    font-size: 125%;
  }
}
/* line 33, ../../_src/_sass/main.scss */
.clearfix:after, .cards:after, #primary-header:after {
  content: "";
  display: table;
  clear: both;
}

/* line 40, ../../_src/_sass/main.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* General */
/* line 48, ../../_src/_sass/main.scss */
img {
  max-width: 100%;
}

/* line 52, ../../_src/_sass/main.scss */
a {
  color: inherit;
}

/* line 55, ../../_src/_sass/main.scss */
a:hover, a:focus, a:active {
  text-decoration: underline;
  outline: none;
}

/* line 60, ../../_src/_sass/main.scss */
em, cite, i {
  font-style: italic;
}

/* line 63, ../../_src/_sass/main.scss */
strong {
  font-weight: bold;
}

/* line 67, ../../_src/_sass/main.scss */
h1 {
  font-weight: bold;
  font-size: 2em;
  line-height: 1;
}
@media screen and (min-width: 30em) {
  /* line 67, ../../_src/_sass/main.scss */
  h1 {
    font-size: 2.5em;
  }
}

/* line 75, ../../_src/_sass/main.scss */
h2 {
  margin: 0 0 1.5em;
  font-family: Franklin, sans-serif;
  font-weight: bold;
}
/* line 78, ../../_src/_sass/main.scss */
article h2 {
  margin-top: 3em;
  font-family: Charter, serif;
}

/* line 84, ../../_src/_sass/main.scss */
h3 {
  margin-top: 1.5em;
  font-family: Franklin, sans-serif;
  font-weight: bold;
}

/* line 89, ../../_src/_sass/main.scss */
h4 {
  margin: 0 0 2em;
  font-family: Franklin, sans-serif;
  font-weight: bold;
  color: #888;
}

/* line 95, ../../_src/_sass/main.scss */
p {
  margin-bottom: 1.35em;
  max-width: 35em;
}

/* line 99, ../../_src/_sass/main.scss */
ul, ol {
  margin-bottom: 1.35em;
}
/* line 101, ../../_src/_sass/main.scss */
ul li, ol li {
  margin-bottom: .675em;
}

/* line 105, ../../_src/_sass/main.scss */
blockquote {
  margin: 1.5em auto;
  font-style: italic;
  max-width: 37em;
  border-left: 0.25em solid rgba(0, 0, 0, 0.1);
  padding-left: .75em;
  padding-right: 1em;
}
/* line 112, ../../_src/_sass/main.scss */
blockquote cite {
  font-style: normal;
}

/* line 117, ../../_src/_sass/main.scss */
hr {
  border: none;
  border-top: 3px solid white;
  margin: .25em 0;
}
/* line 121, ../../_src/_sass/main.scss */
article hr {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  width: 50%;
  margin: 3em auto;
}
/* line 126, ../../_src/_sass/main.scss */
hr.space {
  border: none;
  margin: 3em auto;
}

/* line 132, ../../_src/_sass/main.scss */
figure {
  margin-bottom: 1.5em;
}
/* line 134, ../../_src/_sass/main.scss */
figure img {
  display: block;
  margin-bottom: 1.5em;
}
/* line 138, ../../_src/_sass/main.scss */
figure figcaption {
  font-style: italic;
  font-size: .9em;
  margin-top: -.5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
/* line 141, ../../_src/_sass/main.scss */
figure figcaption p {
  max-width: 38.88889em;
}
/* line 148, ../../_src/_sass/main.scss */
figure.middle img {
  margin: 0 auto 1.5em auto;
}
/* line 152, ../../_src/_sass/main.scss */
figure.small {
  max-width: 50%;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 30em) {
  /* line 158, ../../_src/_sass/main.scss */
  figure.left {
    float: left;
    max-width: 45%;
    margin-right: 1.5em;
  }
  /* line 163, ../../_src/_sass/main.scss */
  figure.right {
    float: right;
    max-width: 45%;
    margin-left: 1.5em;
  }
  /* line 167, ../../_src/_sass/main.scss */
  figure.right.smaller {
    max-width: 27%;
  }
}
@media screen and (min-width: 50em) {
  /* line 173, ../../_src/_sass/main.scss */
  figure.small {
    max-width: 33.33333%;
  }
}

/* line 179, ../../_src/_sass/main.scss */
ul {
  list-style: square;
}

/* line 183, ../../_src/_sass/main.scss */
small {
  font-family: Franklin, sans-serif;
  color: #AAA;
  font-weight: normal;
}

/* line 189, ../../_src/_sass/main.scss */
.cols {
  margin-bottom: 3em;
}

/* line 192, ../../_src/_sass/main.scss */
.cols-wide {
  font-family: Franklin, sans-serif;
  font-size: .9em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  max-width: 40em;
}

@media screen and (min-width: 30em) {
  /* line 204, ../../_src/_sass/main.scss */
  .cols-max-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    max-width: 40em;
  }
}

@media screen and (min-width: 50em) {
  /* line 211, ../../_src/_sass/main.scss */
  .cols-max-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    max-width: 60em;
  }
}

/* Layout */
/* line 220, ../../_src/_sass/main.scss */
.row {
  margin: 0 -.5em;
}
/* line 223, ../../_src/_sass/main.scss */
article .row {
  max-width: 36em;
  margin: 0 auto;
}

/* line 228, ../../_src/_sass/main.scss */
.column {
  float: left;
}

/* line 229, ../../_src/_sass/main.scss */
.module {
  margin: 0 .5em;
}

@media screen and (min-width: 20em) {
  /* line 233, ../../_src/_sass/main.scss */
  .half {
    width: 50%;
  }

  /* line 234, ../../_src/_sass/main.scss */
  .third, .thirds {
    width: 50%;
  }

  /* line 235, ../../_src/_sass/main.scss */
  .fourth, .fourths {
    width: 50%;
  }

  /* line 236, ../../_src/_sass/main.scss */
  .fifth, .fifths {
    width: 50%;
  }

  /* line 237, ../../_src/_sass/main.scss */
  .sixth, .sixths {
    width: 50%;
  }
}
@media screen and (min-width: 30em) {
  /* line 240, ../../_src/_sass/main.scss */
  .one.third, .one.thirds {
    width: 33.33333%;
  }

  /* line 241, ../../_src/_sass/main.scss */
  .two.third, .two.thirds {
    width: 66.66667%;
  }

  /* line 242, ../../_src/_sass/main.scss */
  .one.fourth, .one.fourths {
    width: 25%;
  }

  /* line 243, ../../_src/_sass/main.scss */
  .three.fourth, .three.fourths {
    width: 75%;
  }

  /* line 244, ../../_src/_sass/main.scss */
  .fifth, .fifths {
    width: 33.33333%;
  }

  /* line 245, ../../_src/_sass/main.scss */
  .three.fifths, .four.fifths {
    width: 66.66667%;
  }

  /* line 246, ../../_src/_sass/main.scss */
  .sixth, .sixths {
    width: 33.33333%;
  }

  /* line 247, ../../_src/_sass/main.scss */
  .five.sixths {
    width: 66.66667%;
  }
}
@media screen and (min-width: 50em) {
  /* line 250, ../../_src/_sass/main.scss */
  .one.fifth, .one.fifths {
    width: 20%;
  }

  /* line 251, ../../_src/_sass/main.scss */
  .two.fifth, .two.fifths {
    width: 40%;
  }

  /* line 252, ../../_src/_sass/main.scss */
  .three.fifth, .three.fifths {
    width: 60%;
  }

  /* line 253, ../../_src/_sass/main.scss */
  .four.fifth, .four.fifths {
    width: 80%;
  }

  /* line 254, ../../_src/_sass/main.scss */
  .sixth, .sixths {
    width: 16.66667%;
  }
}
/* line 258, ../../_src/_sass/main.scss */
.cover {
  margin: 0 1.5em;
}

/* line 262, ../../_src/_sass/main.scss */
#page {
  background: #FFF;
  margin: 0 0 1.5em;
  color: black;
  position: relative;
}
@media screen and (min-width: 30em) {
  /* line 262, ../../_src/_sass/main.scss */
  #page {
    margin: 0 1.5em 1.5em;
  }
}

/* line 273, ../../_src/_sass/main.scss */
a.badge:hover {
  background: #333;
  text-decoration: none;
}
/* line 277, ../../_src/_sass/main.scss */
a.badge:active {
  top: 2px;
}

/* line 281, ../../_src/_sass/main.scss */
.badge {
  display: block;
  text-decoration: none;
  margin: -2.5em auto -4em -2em;
  width: 4em;
  height: 4em;
  border-radius: 4em;
  color: white;
  background: black;
  box-shadow: 0 0 1px 1px white, 0 0 1px 2px white, 0 0 1px 3px white, 0 0 1px 4px black, 0 0 1px 5px black;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
}
/* line 295, ../../_src/_sass/main.scss */
.badge h2 {
  margin: 0;
  padding: 2em 0;
  text-align: center;
  font-family: Franklin, sans-serif;
  text-transform: uppercase;
  font-size: .5em;
  letter-spacing: .2em;
}
/* line 303, ../../_src/_sass/main.scss */
.badge h2 strong {
  display: block;
  font-family: Charter, serif;
  font-size: 3em;
  font-style: italic;
  line-height: 1;
}

/* line 315, ../../_src/_sass/main.scss */
#logo {
  height: 2em;
  width: 14.02083em;
  max-width: 100%;
  margin-top: 1em;
}

@media screen and (min-width: 30em) {
  /* line 321, ../../_src/_sass/main.scss */
  body.home #logo {
    height: 3em;
    width: 21.03125em;
    margin-top: 1.5em;
  }
}

/* line 329, ../../_src/_sass/main.scss */
#wordmark {
  fill: white;
}

/* line 333, ../../_src/_sass/main.scss */
.toc {
  position: relative;
}
/* line 335, ../../_src/_sass/main.scss */
.toc.outset {
  margin: 0 -.5em;
}
/* line 338, ../../_src/_sass/main.scss */
.toc.before {
  display: none;
}
@media screen and (min-width: 50em) {
  /* line 342, ../../_src/_sass/main.scss */
  .toc.before {
    display: block;
  }
}

/* line 348, ../../_src/_sass/main.scss */
.tagline {
  font-size: 1.125em;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid white;
  padding: .5em 0;
  margin-bottom: 2em;
  text-align: center;
}
@media screen and (min-width: 50em) {
  /* line 348, ../../_src/_sass/main.scss */
  .tagline {
    text-align: left;
    margin-bottom: 1.5em;
  }
}

/* line 361, ../../_src/_sass/main.scss */
.cards {
  padding: .25em;
}
/* line 364, ../../_src/_sass/main.scss */
#page .cards {
  background: #111111;
  border: .25em solid white;
}
/* line 368, ../../_src/_sass/main.scss */
.toc.after .cards {
  margin: 0 1em;
}
/* line 371, ../../_src/_sass/main.scss */
.cards .container {
  float: left;
  width: 50%;
}
/* line 374, ../../_src/_sass/main.scss */
.cards .container:nth-child(2n+1) {
  clear: left;
}
@media screen and (min-width: 50em) {
  /* line 371, ../../_src/_sass/main.scss */
  .cards .container {
    width: 33.33333%;
  }
  /* line 379, ../../_src/_sass/main.scss */
  .cards .container:nth-child(2n+1) {
    clear: none;
  }
  /* line 382, ../../_src/_sass/main.scss */
  .cards .container:nth-child(3n+1) {
    clear: left;
  }
}
/* line 387, ../../_src/_sass/main.scss */
.cards a.card {
  display: block;
  margin: .25em;
  text-decoration: none;
  color: white;
}
/* line 393, ../../_src/_sass/main.scss */
.cards a.card .pic img {
  display: block;
}
/* line 397, ../../_src/_sass/main.scss */
.cards a.card header {
  text-align: left;
}
/* line 399, ../../_src/_sass/main.scss */
.cards a.card header .inner {
  padding: .5em 0 1em;
}
/* line 404, ../../_src/_sass/main.scss */
.cards a.card:hover h2 {
  text-decoration: underline;
}
/* line 408, ../../_src/_sass/main.scss */
.cards a.card h1, .cards a.card h2, .cards a.card h3, .cards a.card h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1;
}
/* line 414, ../../_src/_sass/main.scss */
.cards a.card h2 {
  font-family: Franklin, sans-serif;
  font-weight: bold;
}
/* line 418, ../../_src/_sass/main.scss */
.cards a.card h4 {
  font-family: Charter, serif;
  font-size: .75em;
  color: rgba(255, 255, 255, 0.5);
  margin-top: .2em;
}

/* line 427, ../../_src/_sass/main.scss */
.smalls {
  margin: 0 1.5em;
}
/* line 429, ../../_src/_sass/main.scss */
.smalls .hd h2 {
  text-align: center;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
/* line 433, ../../_src/_sass/main.scss */
.smalls .feature-smalls {
  margin: 2em 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/* line 439, ../../_src/_sass/main.scss */
.banner {
  display: block;
  text-align: center;
  padding: .25em 1.5em;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/* line 446, ../../_src/_sass/main.scss */
.banner strong {
  font-family: Franklin, sans-serif;
  white-space: nowrap;
}
/* line 450, ../../_src/_sass/main.scss */
.banner em {
  font-style: normal;
  text-decoration: underline;
  white-space: nowrap;
}
/* line 455, ../../_src/_sass/main.scss */
.banner:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.25);
}
@media screen and (min-width: 50em) {
  /* line 439, ../../_src/_sass/main.scss */
  .banner {
    font-size: .75em;
  }
}

/* line 464, ../../_src/_sass/main.scss */
#primary-header {
  padding: .75em 1.5em .25em;
  text-align: center;
}
/* line 468, ../../_src/_sass/main.scss */
#primary-header h1 {
  font-size: 1em;
}
/* line 470, ../../_src/_sass/main.scss */
#primary-header h1 a {
  display: block;
  color: #FFF;
  text-decoration: none;
}
@media screen and (min-width: 50em) {
  /* line 468, ../../_src/_sass/main.scss */
  #primary-header h1 {
    float: left;
  }
}
/* line 479, ../../_src/_sass/main.scss */
#primary-header nav {
  margin: 1em 0;
  font-size: .9em;
  font-weight: bold;
}
@media screen and (min-width: 50em) {
  /* line 479, ../../_src/_sass/main.scss */
  #primary-header nav {
    float: right;
  }
  /* line 485, ../../_src/_sass/main.scss */
  body.home #primary-header nav {
    font-size: 1em;
    margin-top: 2em;
  }
}
/* line 490, ../../_src/_sass/main.scss */
#primary-header nav a {
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
  text-decoration: none;
  color: white;
  font-family: Franklin, sans-serif;
}
@media screen and (min-width: 30em) {
  /* line 490, ../../_src/_sass/main.scss */
  #primary-header nav a {
    margin-left: 1.25em;
    margin-right: 0;
  }
}
/* line 501, ../../_src/_sass/main.scss */
#primary-header nav a:hover {
  text-decoration: underline;
}
/* line 504, ../../_src/_sass/main.scss */
#primary-header nav a.button {
  background: white;
  color: black;
  padding: .25em 1em;
  border-radius: 3px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}

/* line 515, ../../_src/_sass/main.scss */
#page-footer {
  border-top: 2px solid white;
  padding-top: 1.5em;
  margin: 1.5em;
}
/* line 519, ../../_src/_sass/main.scss */
#page-footer p {
  margin-left: auto;
  margin-right: auto;
}
/* line 523, ../../_src/_sass/main.scss */
#page-footer .meta {
  text-align: center;
  margin: 1.5em 0;
  font-family: Franklin, sans-serif;
  font-weight: bold;
}
/* line 528, ../../_src/_sass/main.scss */
#page-footer .meta a {
  text-decoration: none;
}
/* line 530, ../../_src/_sass/main.scss */
#page-footer .meta a:hover {
  text-decoration: underline;
}
/* line 535, ../../_src/_sass/main.scss */
#page-footer .social {
  text-align: center;
  margin: 1.5em 0;
  font-family: Franklin, sans-serif;
}
/* line 539, ../../_src/_sass/main.scss */
#page-footer .social a {
  text-decoration: none;
  margin: 0 .5em;
}
/* line 542, ../../_src/_sass/main.scss */
#page-footer .social a .ss-icon {
  position: relative;
  top: .1em;
}
/* line 547, ../../_src/_sass/main.scss */
#page-footer .social a:hover span {
  text-decoration: underline;
}
/* line 553, ../../_src/_sass/main.scss */
#page-footer .message {
  text-align: center;
  font-style: italic;
}
/* line 556, ../../_src/_sass/main.scss */
#page-footer .message em, #page-footer .message cite {
  font-style: normal;
}
/* line 560, ../../_src/_sass/main.scss */
#page-footer .copyright {
  font-family: Franklin, sans-serif;
  font-size: .9em;
  text-align: center;
}

/* line 567, ../../_src/_sass/main.scss */
article {
  padding: 0 1.35em 10%;
}
/* line 569, ../../_src/_sass/main.scss */
article h1, article h2, article h3, article h4, article p, article ul, article ol {
  max-width: 35em;
  margin-left: auto;
  margin-right: auto;
}
/* line 574, ../../_src/_sass/main.scss */
article h1 {
  font-size: 1.5em;
  max-width: 23.33333em;
  margin: 2.5em auto 1em;
  padding-bottom: .25em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
/* line 582, ../../_src/_sass/main.scss */
article header h1 {
  font-size: 2.5em;
  max-width: none;
  border: none;
  padding: 0;
  margin: 0 0 .25em;
}
/* line 590, ../../_src/_sass/main.scss */
article header {
  text-align: center;
  margin: 0 0 2.7em;
  padding: 3em 0 2em;
  border-bottom: 3px double rgba(0, 0, 0, 0.1);
}
/* line 595, ../../_src/_sass/main.scss */
article header.portrait {
  background: green;
  display: table;
  width: 100%;
}
/* line 599, ../../_src/_sass/main.scss */
article header.portrait .header-image {
  display: table-cell;
}
/* line 602, ../../_src/_sass/main.scss */
article header.portrait .header-title {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
/* line 608, ../../_src/_sass/main.scss */
article header .type {
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: smaller;
  font-weight: bold;
  margin: 0 auto 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 30em) {
  /* line 608, ../../_src/_sass/main.scss */
  article header .type {
    width: 50%;
  }
}
/* line 619, ../../_src/_sass/main.scss */
article header h2 {
  margin: 0;
  font-style: italic;
  font-size: 1.25em;
  margin: .5em auto;
}
/* line 624, ../../_src/_sass/main.scss */
article header h2 em, article header h2 cite, article header h2 i {
  font-style: normal;
}
/* line 628, ../../_src/_sass/main.scss */
article header .by {
  padding-top: .15em;
  margin-top: .15em;
}
/* line 633, ../../_src/_sass/main.scss */
article footer {
  max-width: 35em;
  margin: 4.5em auto 0;
}
/* line 636, ../../_src/_sass/main.scss */
article footer:before {
  content: '';
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  margin: 0 0 .5em;
  width: 50%;
}
/* line 644, ../../_src/_sass/main.scss */
article .intro {
  font-family: Franklin, sans-serif;
  max-width: 35em;
  margin: 0 auto 3em;
}
/* line 648, ../../_src/_sass/main.scss */
article .intro p {
  max-width: none;
}
@media screen and (min-width: 30em) {
  /* line 648, ../../_src/_sass/main.scss */
  article .intro p {
    font-size: .9em;
  }
}

/* line 658, ../../_src/_sass/main.scss */
.gifswap {
  position: relative;
}
/* line 660, ../../_src/_sass/main.scss */
.gifswap img {
  display: block;
}
/* line 663, ../../_src/_sass/main.scss */
.gifswap .starter {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 670, ../../_src/_sass/main.scss */
a.letter {
  display: block;
  clear: both;
  padding: .75em;
  text-align: center;
  text-decoration: none;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 2px solid white;
}
/* line 678, ../../_src/_sass/main.scss */
a.letter h3, a.letter h4 {
  margin: 0;
}
@media screen and (min-width: 30em) {
  /* line 678, ../../_src/_sass/main.scss */
  a.letter h3, a.letter h4 {
    display: inline;
  }
}
/* line 684, ../../_src/_sass/main.scss */
a.letter:hover {
  background: rgba(255, 255, 255, 0.05);
}

/* line 689, ../../_src/_sass/main.scss */
a.feature-smalls {
  position: relative;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  padding: .75em 25% .75em .75em;
  font-size: .8em;
  margin: 2em 0 4em;
  text-decoration: none;
  border-bottom: 2px solid white;
  overflow: hidden;
}
/* line 699, ../../_src/_sass/main.scss */
a.feature-smalls .introducing {
  margin: 0;
}
/* line 702, ../../_src/_sass/main.scss */
a.feature-smalls .feature {
  text-transform: uppercase;
  letter-spacing: .15em;
  margin: 0;
}
/* line 707, ../../_src/_sass/main.scss */
a.feature-smalls .title {
  margin: .5em 0 .25em;
}
/* line 710, ../../_src/_sass/main.scss */
a.feature-smalls .subtitle, a.feature-smalls .overtitle {
  font-family: Charter, serif;
  margin: 0;
  font-style: italic;
}
/* line 714, ../../_src/_sass/main.scss */
a.feature-smalls .subtitle em, a.feature-smalls .subtitle cite, a.feature-smalls .subtitle i, a.feature-smalls .overtitle em, a.feature-smalls .overtitle cite, a.feature-smalls .overtitle i {
  font-style: normal;
}
/* line 718, ../../_src/_sass/main.scss */
a.feature-smalls .by {
  margin: 1em 0 .5em;
}
/* line 721, ../../_src/_sass/main.scss */
a.feature-smalls figure {
  width: 25%;
  position: absolute;
  top: .75em;
  right: .75em;
}
/* line 726, ../../_src/_sass/main.scss */
a.feature-smalls figure img {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 30em) {
  /* line 721, ../../_src/_sass/main.scss */
  a.feature-smalls figure {
    width: 33.33333%;
  }
}
@media screen and (min-width: 50em) {
  /* line 721, ../../_src/_sass/main.scss */
  a.feature-smalls figure {
    right: 10%;
    width: 40%;
  }
}
/* line 737, ../../_src/_sass/main.scss */
a.feature-smalls:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* line 742, ../../_src/_sass/main.scss */
.placeholder {
  display: block;
  width: 100%;
  padding-top: 50%;
  background-position: center center;
  background-size: cover;
}

/* line 750, ../../_src/_sass/main.scss */
#mailchimp {
  max-width: 25em;
  margin: auto;
  background: rgba(0, 0, 0, 0.05);
  padding: 0 .5em;
  border-radius: 3px;
}
/* line 756, ../../_src/_sass/main.scss */
#mailchimp input {
  font-family: Franklin, sans-serif;
}
/* line 759, ../../_src/_sass/main.scss */
#mailchimp #mc_embed_signup div#mce-responses {
  margin: 0;
  padding: 0;
  width: auto;
  font-family: Franklin, sans-serif;
}
/* line 764, ../../_src/_sass/main.scss */
#mailchimp #mc_embed_signup div#mce-responses .response {
  padding: 0;
  margin: .75em 0;
}

/* line 773, ../../_src/_sass/main.scss */
.group:before, .row:before,
.group:after,
.row:after {
  content: " ";
  display: table;
}

/* line 777, ../../_src/_sass/main.scss */
.group:after, .row:after {
  clear: both;
}