@charset "UTF-8";

// Video Styles
section#video {
  padding: 1.5em 0;
  text-align: center;

  h1 {
    margin-top: 0;
    letter-spacing: -0.005em;

    a {
      color: inherit;
    }
  }

  p {
    font-size: 0.85em;
    letter-spacing: -0.005em;
    line-height: 1.5;
    margin: 1.25em 1em 0 1em;

    @include colors() {
      color: c(medium-light);
    }

    a {
      font-weight: bold;
      letter-spacing: 0.001em;
    }
  }

  video {
    width: 100%;
    max-width: 975px;
    height: auto;
  }
}

// Responsive
@mixin responsive--videos() {
  section#video {
    padding: 1em 0;

    h1 {
      font-size: 1.6em;
      padding: 0 0.6em;
    }

    video {
      width: 100%;
      height: auto;
    }
  }
}