/* line 3, ../src/etc.scss */
.page {
  padding: 1em;
  color: #fff;
  font-size: .9em;
  max-width: 46em;
  margin: 0 auto; }
  @media only screen and (min-width: 30em) {
    /* line 3, ../src/etc.scss */
    .page {
      font-size: 1.1em; } }
  @media only screen and (min-width: 45em) {
    /* line 3, ../src/etc.scss */
    .page {
      font-size: 1.2em; } }
  @media only screen and (min-width: 60em) {
    /* line 3, ../src/etc.scss */
    .page {
      font-size: 1.3em; } }
  /* line 19, ../src/etc.scss */
  .page-wrapper {
    background-color: #212020;
    padding: 1em;
    min-height: 100vh; }
    @media only screen and (min-width: 30em) {
      /* line 19, ../src/etc.scss */
      .page-wrapper {
        padding-top: 3em; } }
  /* line 28, ../src/etc.scss */
  .page__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  /* line 32, ../src/etc.scss */
  .page__title {
    font-size: 1.5em;
    font-family: "Rubik", Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 1em; }
    /* line 38, ../src/etc.scss */
    .page__title a {
      color: inherit;
      text-decoration: none; }
  /* line 43, ../src/etc.scss */
  .page .link {
    color: #fff;
    text-transform: uppercase;
    font-size: .9rem; }
    /* line 48, ../src/etc.scss */
    .page .link--big {
      padding: 1em;
      border: 1px solid #fff;
      color: #fff;
      text-decoration: none;
      margin: 1em 0 0;
      display: inline-block; }
  /* line 57, ../src/etc.scss */
  .page .image {
    display: block;
    width: 100%; }
    /* line 61, ../src/etc.scss */
    .page .image--third {
      margin: 2em auto; }
      @media only screen and (min-width: 45em) {
        /* line 61, ../src/etc.scss */
        .page .image--third {
          width: 30%; } }
      /* line 67, ../src/etc.scss */
      .page .image--third:first-child {
        margin-left: 0; }
      /* line 70, ../src/etc.scss */
      .page .image--third:last-child {
        margin-right: 0; }
      /* line 74, ../src/etc.scss */
      .page .image--third img {
        max-width: 27em; }
    /* line 78, ../src/etc.scss */
    .page .image__caption {
      margin-top: 1em;
      font-style: italic; }
    /* line 82, ../src/etc.scss */
    .page .image img {
      display: block;
      width: 100%; }
  /* line 87, ../src/etc.scss */
  .page__section {
    margin: 2em auto; }
    @media only screen and (min-width: 30em) {
      /* line 87, ../src/etc.scss */
      .page__section {
        margin: 3em auto; } }
    /* line 94, ../src/etc.scss */
    .page__section__title {
      font-size: 1.6em;
      margin-bottom: 1em; }
      /* line 98, ../src/etc.scss */
      .page__section__title--2 {
        font-size: 1.2em;
        margin-bottom: 1em;
        margin-top: 2em; }
    /* line 104, ../src/etc.scss */
    .page__section .text {
      font-family: "Rubik", Helvetica, sans-serif;
      margin-bottom: 1em;
      max-width: 34em;
      line-height: 1.3; }
      /* line 110, ../src/etc.scss */
      .page__section .text--large {
        font-size: 1.2em; }
    /* line 115, ../src/etc.scss */
    .page__section ul {
      font-family: "Rubik", Helvetica, sans-serif;
      margin-bottom: 1em;
      max-width: 34em;
      line-height: 1.3; }
      /* line 121, ../src/etc.scss */
      .page__section ul li {
        margin-bottom: .6em;
        margin-left: 1.5em; }
    /* line 126, ../src/etc.scss */
    .page__section a {
      color: inherit; }
    @media only screen and (min-width: 45em) {
      /* line 130, ../src/etc.scss */
      .page__section .flexwrap {
        display: -ms-flexbox;
        display: flex; } }

/* line 137, ../src/etc.scss */
.form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 20em;
  margin-bottom: 2em; }
  /* line 143, ../src/etc.scss */
  .form__field {
    font-size: 1em;
    font-family: "Rubik", Helvetica, sans-serif;
    color: #fff;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    box-shadow: 0 0 0 1px #fff;
    border: none;
    padding: 1em;
    margin: .5em 0;
    background-color: #212020; }
    /* line 154, ../src/etc.scss */
    .form__field:focus {
      box-shadow: 0 0 0 2px #fff;
      outline: none; }
    /* line 158, ../src/etc.scss */
    .form__field:-ms-input-placeholder {
      color: #fff; }
    .form__field::placeholder {
      color: #fff; }
  /* line 162, ../src/etc.scss */
  .form__button {
    font-size: 1em;
    font-family: "Rubik", Helvetica, sans-serif;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 1em;
    background-color: #fff;
    color: #212020;
    margin: .5em 0;
    border: 0;
    font-weight: bold;
    cursor: pointer; }

/* line 175, ../src/etc.scss */
.error {
  padding: 2em;
  text-align: center;
  color: #d41212;
  font-weight: bold; }

/* line 182, ../src/etc.scss */
.ratings-help li {
  margin-bottom: 1.5em;
  line-height: 1; }