@charset "UTF-8";
/* vim:set ff=unix fenc=utf-8 ft=css ts=4: */
/*!
 * all.less
 */
@font-face {
  font-family: "Snell Roundhand";
  font-style: normal;
  /*font-weight: 700;*/
  src: local("Snell Roundhand"), url(SnellRoundhand.woff) format("woff");
}
@font-face {
  font-family: "Jura";
  font-style: normal;
  font-weight: 400;
  src: local("Jura"), url(Jura.woff2) format("woff2");
}
@font-face {
  font-family: "Lulo Clean";
  font-style: normal;
  font-weight: 400;
  src: local("Lulo Clean"), url(LuloClean.woff2) format("woff2");
}
body {
  color: #222;
}
h1 {
  font-family: "Snell Roundhand";
  font-size: 48px;
  font-weight: 700;
  line-height: 1.04166em;
}
.callout-1,
.callout-2,
.callout-3 {
  margin: 15px 0;
}
.callout-1 {
  font-family: "Jura";
  font-size: 14px;
  font-weight: 400;
}
.callout-2 {
  font-family: "Lulo Clean";
  font-size: 14px;
  font-weight: 400;
}
.callout-2 a:link,
.callout-2 a:visited {
  color: #222;
}
.callout-2 a:hover {
  color: #888;
}
.callout-3 {
  margin-bottom: 30px;
}
.vid {
  margin: 0 -15px;
  border: 0;
}
.container {
  max-width: 320px;
}
.social-link {
  display: inline-block;
  margin: 0 10px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 64px;
    line-height: 1.09375em;
    margin: 30px 0 15px;
  }
  .callout-1,
  .callout-2,
  .callout-3 {
    margin: 40px 0;
  }
  .callout-1,
  .callout-2 {
    font-size: 20px;
  }
  .callout-1 p {
    margin: 20px 0;
  }
  .callout-3 {
    margin: 40px 0;
  }
  .vid {
    margin: 0;
  }
  .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 77px;
    line-height: 1.07792em;
    margin: 60px 0 40px;
  }
  .container {
    max-width: 940px;
  }
}
/*
 * Local Variables:
 * coding: utf-8
 * tab-width: 4
 * End:
 */