h1 {
    width: 100%;
    padding: 0 16px;
    font-family: 'Flama';
    font-size: 30px;
    text-align: center;
    line-height:7rem;
    color: #FFFFFF;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

h1 > span {
    display: block;
    font-size: 110px;
    margin-bottom: 16px;
    font-weight: 800;
}

h2 {
    width: 100%;
    max-width: calc(550px + 32px);
    margin: 0 auto 64px;
    padding: 0 16px;
    padding-top: 32px;
    font-family: 'Flama';
    font-size: 56px;
    text-align: center;
    line-height: 1.1;
}

@media (max-width: 480px) {


  h2 {
      width: 90%;
      margin: 0 auto 64px;
      padding: 0 16px;

      font-family: 'Flama';
      font-size: 28px;
      text-align: center;
      line-height: 1.1;
  }

}


@media (max-width: 390px) {
  h1 {
      width: 100%;
      padding: 0 0px;
      font-family: 'Flama';
      font-size: 20px;
      text-align: center;
      line-height:4rem;
      color: #FFFFFF;
      text-transform: uppercase;
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  }
  h1 > span {
      display: block;
      font-size: 70px;
      font-weight: 800;
  }

  h2 {
      width: 100%;

      margin: 0 auto 64px;
      padding: 0 16px;
      padding-top: 32px;
      font-family: 'Flama';
      font-size: 26px;
      text-align: center;
      line-height: 1.1;
  }

}