@font-face {
  font-family: 'Cause';
  src: url('../fonts/cause-latin-ext.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html, body, h1 { font-family: 'Cause', cursive; color: #000; font-size: 16px; line-height: 1.5em; font-weight:400; font-optical-sizing: auto; }
h1 { font-weight:800; font-size:2em; line-height:1.2em; }
.lead { font-weight:600; font-size:1.25em; }


@media (max-width: 639px) {/* uikit small */
}
@media (min-width: 640px) {/* uikit small */
  html, body { font-size:18px; }
}
@media (min-width: 960px) {/* uikit medium */
  html, body { font-size:20px; }
}
@media (min-width: 1200px) {/* uikit large */
}
@media (min-width: 1600px) {/* uikit xlarge */
}