@charset "UTF-8";
@font-face {
  font-family: "Laica Regular";
  src: url("/static/fonts/LaicaB-Regular.woff2") format("woff2"), url("/static/fonts/LaicaB-Regular.woff") format("woff");
}
@font-face {
  font-family: "Laica Italic";
  src: url("/static/fonts/LaicaB-Italic.woff2") format("woff2"), url("/static/fonts/LaicaB-Italic.woff") format("woff");
}
@font-face {
  font-family: "Laica Bold";
  src: url("/static/fonts/LaicaB-Bold.woff2") format("woff2"), url("/static/fonts/LaicaB-Bold.woff") format("woff");
}
@font-face {
  font-family: "Arnold Regular";
  src: url("/static/fonts/Arnold_v0.3-Regular.woff2") format("woff2"), url("/static/fonts/Arnold_v0.3-Regular.woff") format("woff");
}
@font-face {
  font-family: "Arnold Italic";
  src: url("/static/fonts/Arnold_v0.3-Italic.woff2") format("woff2"), url("/static/fonts/Arnold_v0.3-Italic.woff") format("woff");
}
@font-face {
  font-family: "Gig Bold";
  src: url("/static/fonts/GigV0.4-Bold.woff2") format("woff2"), url("/static/fonts/GigV0.4-Bold.woff") format("woff");
}
/*
// xs
property: value;

  @include bigger-than('sm') {
    property: value;
  }
  @include bigger-than('md') {
    property: value;
  }
  @include bigger-than('lg') {
    property: value;
  }
*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  height: 100%;
  font-size: calc(23px + (26 - 23) * (100vw - 320px) / (600 - 320));
}
@media (max-width: 320px) {
  html {
    font-size: 23px;
  }
}
@media (min-width: 600px) {
  html {
    font-size: 26px;
  }
}
@media (min-width: 600px) {
  html {
    font-size: calc(23px + (26 - 23) * (100vw - 601px) / (900 - 601));
  }
}
@media (min-width: 600px) and (max-width: 601px) {
  html {
    font-size: 23px;
  }
}
@media (min-width: 600px) and (min-width: 900px) {
  html {
    font-size: 26px;
  }
}
@media (min-width: 900px) {
  html {
    font-size: calc(26px + (28 - 26) * (100vw - 901px) / (1200 - 901));
  }
}
@media (min-width: 900px) and (max-width: 901px) {
  html {
    font-size: 26px;
  }
}
@media (min-width: 900px) and (min-width: 1200px) {
  html {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: calc(28px + (32 - 28) * (100vw - 1201px) / (1500 - 1201));
  }
}
@media (min-width: 1200px) and (max-width: 1201px) {
  html {
    font-size: 28px;
  }
}
@media (min-width: 1200px) and (min-width: 1500px) {
  html {
    font-size: 32px;
  }
}

body {
  font-size: 0.8rem;
  line-height: 1rem;
  font-family: "Laica Regular", Georgia, serif;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  color: #222;
  background: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.basic-container {
  margin: 0 auto;
  width: calc(290px + (550 - 290) * (100vw - 320px) / (600 - 320));
}
@media (max-width: 320px) {
  .basic-container {
    width: 290px;
  }
}
@media (min-width: 600px) {
  .basic-container {
    width: 550px;
  }
}
@media (min-width: 600px) {
  .basic-container {
    width: calc(550px + (700 - 550) * (100vw - 601px) / (900 - 601));
  }
}
@media (min-width: 600px) and (max-width: 601px) {
  .basic-container {
    width: 550px;
  }
}
@media (min-width: 600px) and (min-width: 900px) {
  .basic-container {
    width: 700px;
  }
}
@media (min-width: 900px) {
  .basic-container {
    width: calc(700px + (850 - 700) * (100vw - 901px) / (1200 - 901));
  }
}
@media (min-width: 900px) and (max-width: 901px) {
  .basic-container {
    width: 700px;
  }
}
@media (min-width: 900px) and (min-width: 1200px) {
  .basic-container {
    width: 850px;
  }
}
@media (min-width: 1200px) {
  .basic-container {
    width: calc(850px + (1024 - 850) * (100vw - 1201px) / (1500 - 1201));
  }
}
@media (min-width: 1200px) and (max-width: 1201px) {
  .basic-container {
    width: 850px;
  }
}
@media (min-width: 1200px) and (min-width: 1500px) {
  .basic-container {
    width: 1024px;
  }
}

.no-border {
  border: none;
}

@media (max-width: 1200px) {
  .lg-only {
    display: none;
  }
}

strong {
  font-family: "Laica Bold", Georgia, serif;
}

em {
  font-family: "Laica Italic", Georgia, serif;
}

h1 {
  font-size: 1.8rem;
  line-height: 2rem;
  font-family: "Gig Bold", Georgia, serif;
  padding: 0.5rem 0;
  color: #F36;
}

h2 {
  font-family: "Gig Bold", Georgia, serif;
  color: #F36;
  margin-top: 1em;
  font-size: 1.25em;
  line-height: 1.5em;
}

h2 > a, h2 > a:active, h2 > a:hover, h2 > a:visited, h2 > a:visited:hover {
  font-family: "Gig Bold", Georgia, serif;
}

p {
  font-family: "Laica Regular", Georgia, serif;
}

ul > li {
  text-indent: -1.2rem;
  padding-left: 1.2rem;
}

ul > li:before {
  content: "— ";
}

a {
  color: #F36;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  border-bottom: 1px solid #F36;
}

a:visited {
  color: #F36;
}

a:visited:hover {
  color: #F36;
  border-bottom: 1px solid #F36;
}

::-moz-selection {
  background: #FFEDED; /* WebKit/Blink Browsers */
}

::selection {
  background: #FFEDED; /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: #FFEDED; /* Gecko Browsers */
}

figcaption {
  font-family: "Arnold Regular", Monaco, monospace;
  color: #1858A8;
  font-size: 0.55rem;
  line-height: 0.65rem;
  text-transform: lowercase;
  font-variant-caps: small-caps;
  margin-bottom: 1rem;
}