/* Base styles for Phones (less than 576px) */
.custom-fs-6 { font-size: 0.9rem; }
.custom-fs-5 { font-size: 0.95rem; }
.custom-fs-4 { font-size: 1.0rem; }
.custom-fs-3 { font-size: 1.05rem; }
.custom-fs-2 { font-size: 1.1rem; }
.custom-fs-1 { font-size: 1.15rem; }
/* Small devices (576px and up) - Large Phones/Small Tablets */
@media (min-width: 576px) {
  .custom-fs-6 { font-size: 0.95rem; }
  .custom-fs-5 { font-size: 1.0rem; }
  .custom-fs-4 { font-size: 1.05rem; }
  .custom-fs-3 { font-size: 1.1rem; }
  .custom-fs-2 { font-size: 1.15rem; }
  .custom-fs-1 { font-size: 1.2rem; }
}
/* Tablets (768px and up) */
@media (min-width: 768px) {
  .custom-fs-6 { font-size: 1.0rem; }
  .custom-fs-5 { font-size: 1.05rem; }
  .custom-fs-4 { font-size: 1.1rem; }
  .custom-fs-3 { font-size: 1.15rem; }
  .custom-fs-2 { font-size: 1.2rem; }
  .custom-fs-1 { font-size: 1.25rem; }
}
/* Desktops/Computers (992px and up) */
@media (min-width: 992px) {
  .custom-fs-6 { font-size: 1.05rem; }
  .custom-fs-5 { font-size: 1.1rem; }
  .custom-fs-4 { font-size: 1.15rem; }
  .custom-fs-3 { font-size: 1.2rem; }
  .custom-fs-2 { font-size: 1.25rem; }
  .custom-fs-1 { font-size: 1.3rem; }
}
/* Large Desktops/TVs (1200px and up) */
@media (min-width: 1200px) {
  .custom-fs-6 { font-size: 1.1rem; }
  .custom-fs-5 { font-size: 1.15rem; }
  .custom-fs-4 { font-size: 1.2rem; }
  .custom-fs-3 { font-size: 1.25rem; }
  .custom-fs-2 { font-size: 1.3rem; }
  .custom-fs-1 { font-size: 1.35rem; }
}