.logo--text {
   font-size: 16px;
   font-weight: 400;
   text-transform: uppercase;
   font-family: Luxia-Display, Luxia;
}

@media screen and (min-width: 500px) {
   .logo--text {
      font-size: 20px;
   }
}

@media screen and (min-width: 750px) {
   .logo--text {
      font-size: 32px;
   }
}