@font-face {
  font-family: 'BungeeHairline-Regular';
  src: local('BungeeHairline-Regular'), url(../fonts/custom/BungeeHairline-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Charm-Bold';
  src: local('Charm-Bold'), url(../fonts/custom/Charm-Bold.ttf) format('truetype');
}

.quote-font-size {
  font-size: 12px;
}

@media (max-width: 900px) {
  .quote-font-size {
    font-size: 10px;
  }
}

@media (max-width: 700px) {
  .quote-font-size {
    font-size: 8px;
  }
}

@media (max-width: 600px) {
  .quote-font-size {
    font-size: 6px;
  }
}


@media (max-width: 500px) {
  .quote-font-size {
    font-size: 4px;
  }
}

@media (max-width: 400px) {
  .quote-font-size {
    font-size: 3px;
  }
}