/*===================================================================================*/
/*  Global | Variables | Partial
/*===================================================================================*/
.title {
  margin: 0;
  padding: 0;
  /* Colors */
  /* different title */
}
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {
  letter-spacing: -0.05em;
}
.title .section {
  color: inherit;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0 0.2em;
  display: inline-block;
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .title .section {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .title .section {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 64em) {
  .title .section {
    font-size: 1.4rem;
  }
}
.title--white {
  color: white;
}
.title--white strong {
  color: #202243;
}
.title--dark {
  color: #202243;
}
.title--dark .section {
  opacity: 0.5;
}
.title--primary {
  color: #00aeef;
}
.title h1 {
  padding: 0.1em 0.21em;
  margin: 0;
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .title h1 {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .title h1 {
    font-size: 5rem;
  }
}
@media screen and (min-width: 64em) {
  .title h1 {
    font-size: 5rem;
  }
}
.title h1 span {
  display: inline;
  background-color: #00aeef;
  -webkit-box-shadow: -0.2em 0px 0 1px #00aeef, 0.2em 0px 0 1px #00aeef, 0 0 0 1px #00aeef;
  box-shadow: -0.2em 0px 0 1px #00aeef, 0.2em 0px 0 1px #00aeef, 0 0 0 1px #00aeef;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .title h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .title h2 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 64em) {
  .title h2 {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .title h3 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .title--big h2 {
    font-size: 4.5rem;
  }
}
@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .title--big h2 {
    font-size: 6rem;
  }
}
@media screen and (min-width: 64em) {
  .title--big h2 {
    font-size: 6.8rem;
  }
}
/*# sourceMappingURL=app-title.css.map */