@font-face {
  font-family: 'Reserva Serif';
  src: url('/assets/fonts/ReservaSerif-Bold.woff.css');
}

@font-face {
  font-family: 'Reserva Sans';
  src: url('/assets/fonts/ReservaSans-Regular.woff.css');
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.mascote {
  display: none;
}

.title {
  font-family: 'Reserva Serif' !important;
  font-size: 60px !important;
}

.subtitle {
  font-family: 'Reserva Sans' !important;
}

@media screen and (max-width: 540px) {

  .mascote {
    display: inline-block;
    width: 100px !important; 
    
    margin: 0 auto;
    padding: 1rem;
  }

  .title {
    font-family: 'Reserva Serif' !important;
    font-size: 31px !important;
  }

  .subtitle {
    font-family: 'Reserva Sans' !important;
    font-size: 22px !important;
  }

  .columns {
    display: inline-flex !important;
  }

}