@font-face {
  font-family: 'blowbrush';
  src: url('/static/fonts/blowbrush.ttf')  format('truetype');
}
@font-face {
  font-family: 'Miriam-Libre';
  src: url('/static/fonts/MiriamLibre-Regular.ttf')  format('truetype');
}

html { height:100% }
body {
  background-image: url("/static/img/background.jpg");
  background-color: #04192e;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  min-height: 100%;
}
a, a:hover { color: #ea831e; }
.spacing-1 { height: 40px; }
.spacing-2 { height: 80px; }
.spacing-3 { height: 120px; }
.text-title {
  font-family: blowbrush;
  text-transform: uppercase;
  color: white;
}
.text-title-huge { font-size: 60px; }
.text-title-big { font-size: 45px; }
.text-title-shadow { text-shadow: 0px 6px #1a2b49; }
.text-subtitle {
  font-family: Miriam-Libre;
  font-weight: bold;
  font-size: 18pt;
  text-transform: uppercase;
  color: white;
}
.text-subtitle-big { font-size: 45px; }
.text-subtitle-shadow-blur { text-shadow: 1px 1px 6px black; }
.text-legend {
  font-family: Miriam-Libre;
  font-size: 14pt;
  text-transform: uppercase;
  color: white;
}
.button.is-default {
  background-color: #ea831e;
  font-family: Miriam-Libre;
  text-transform: uppercase;
  border-width: 0px;
  color: white;
}
.button.button-store {
  width: 220px;
  height: 72px;
  font-size: 18pt;
}
#document {
  width: 100%;
  height: 500px;
  background-color: white;
}
.round-edges {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
}
h1, h2, h3, h4, h5, h6, label, input, a {
  font-family: Miriam-Libre;
}

/* Mobile */
@media only screen and (max-width: 770px) {
    body { background-image: url("/static/img/background-mobile.jpg"); }
    .text-title-huge { font-size: 35px; }
    .text-title-big { font-size: 25px; }
    .text-subtitle-big { font-size: 25px; }
}