@import url(http://fonts.googleapis.com/css?family=Bitter:400,400italic|Montserrat:700,400);
@font-face {
  font-family: "montserrat-loc";
  font-weight: 500;
  font-style: normal;
  src: url(./fonts/montserrat-500.ttf) format("truetype"); }

@font-face {
  font-family: "montserrat-loc";
  font-weight: 700;
  font-style: normal;
  src: url(./fonts/montserrat-700.ttf) format("truetype"); }

@font-face {
  font-family: "bitter-loc";
  font-weight: 300;
  font-style: normal;
  src: url(./fonts/bitter-300.ttf) format("truetype"); }

@font-face {
  font-family: "bitter-loc";
  font-weight: 300;
  font-style: normal;
  src: url(./fonts/bitter-300-italic.ttf) format("truetype"); }

@font-face {
  font-family: "bitter-loc";
  font-weight: 500;
  font-style: normal;
  src: url(./fonts/bitter-500.ttf) format("truetype"); }

.sans-stack {
  font-family: "proxima-nova", sans-serif; }

.sans-alt {
  font-family: "Montserrat", "montserrat-loc", serif; }

.serif-stack {
  font-family: "Bitter", "bitter-loc", serif; }

.elevator h2 {
  font-family: 'bitter';
  font-size: 28px;
  line-height: 1.4em; }

.vid-list {
  margin: 36px 0 0 0; }
  .vid-list tr td {
    font-family: "Bitter", "bitter-loc", serif; }
    .vid-list tr td:first-child {
      width: 200px; }
    .vid-list tr td img {
      width: 100%; }
    .vid-list tr td .speaker {
      font-family: "proxima-nova", sans-serif;
      font-size: 1.15em;
      color: darkgreen;
      padding-bottom: 2px; }
    .vid-list tr td .title {
      font-family: "Bitter", "bitter-loc", serif;
      font-weight: bold;
      padding-bottom: 6px; }
    .vid-list tr td .link {
      font-family: "proxima-nova", sans-serif;
      text-transform: uppercase; }

.vid-desc {
  font-family: "Bitter", "bitter-loc", serif;
}

.vid-desc div {
  padding-bottom: 16px;
}

/* Large desktop */
@media (min-width: 1200px) {
  .vid-list {
    margin: 36px 0 0 0; }
    .vid-list tr td:first-child {
      width: 200px; }
    .vid-list tr td img {
      width: 100%; } }
@media (min-width: 980px) and (max-width: 1199px) {
  .vid-list {
    margin: 36px 0 0 0; }
    .vid-list tr td:first-child {
      width: 160px; }
    .vid-list tr td img {
      width: 100%; } }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .vid-list {
    margin: 36px 0 0 0; }
    .vid-list tr td:first-child {
      width: 100px; }
    .vid-list tr td img {
      width: 100%; } }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .elevator h1 {
    font-size: 28px; }
  .elevator h2 {
    font-size: 20px; }

  .vid-list {
    margin: 36px 0 0 0; }
    .vid-list tr td:first-child {
      width: 180px; }
    .vid-list tr td img {
      width: 100%; } }
/* Landscape phones and down */
@media (max-width: 480px) {
  .vid-list {
    margin: 36px 0 0 0; }
    .vid-list tr td {
      width: 100%; }
      .vid-list tr td:first-child {
        display: table-row;
        width: 100%;
        text-align: center; }
      .vid-list tr td:last-child {
        display: table-row;
        width: 100%;
        border-top: 0px; }
        .vid-list tr td:last-child div:last-child {
          margin-bottom: 12px; }
      .vid-list tr td img {
        margin: 12px 0;
        width: 200px; } }