@charset "UTF-8";

/* font size */
h1 { font-size: calc(1.375rem + 1.5vw); }
h2 { font-size: calc(1.325rem + 0.9vw); }
h3 { font-size: calc(1.3rem + 0.6vw); }
h4 { font-size: calc(1.275rem + 0.3vw); }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

@media (min-width: 1200px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.75rem; }
  h4 { font-size: 1.5rem; }
  h5 { font-size: 1.25rem; }
  h6 { font-size: 1rem; }
}

.display-1 { font-size: 6rem !important; }
.display-2 { font-size: 5.5rem !important; }
.display-3 { font-size: 4.5rem !important; }
.display-4 { font-size: 3.5rem !important; }
.display-5 { font-size: 2.5rem !important; }
.display-6 { font-size: 1.5rem !important; }
.display-7 { font-size: 1.2rem !important;}

@media (min-width: 576px) {
  .display-sm-1 { font-size: 6rem !important; }
  .display-sm-2 { font-size: 5.5rem !important; }
  .display-sm-3 { font-size: 4.5rem !important; }
  .display-sm-4 { font-size: 3.5rem !important; }
  .display-sm-5 { font-size: 2.5rem !important; }
  .display-sm-6 { font-size: 1.5rem !important; }
}

@media (min-width: 768px) {
  .display-md-1 { font-size: 6rem !important; }
  .display-md-2 { font-size: 5.5rem !important; }
  .display-md-3 { font-size: 4.5rem !important; }
  .display-md-4 { font-size: 3.5rem !important; }
  .display-md-5 { font-size: 2.5rem !important; }
  .display-md-6 { font-size: 1.5rem !important; }
}

@media (min-width: 992px) {
  .display-lg-1 { font-size: 6rem !important; }
  .display-lg-2 { font-size: 5.5rem !important; }
  .display-lg-3 { font-size: 4.5rem !important; }
  .display-lg-4 { font-size: 3.5rem !important; }
  .display-lg-5 { font-size: 2.5rem !important; }
  .display-lg-6 { font-size: 1.5rem !important; }
}

@media (min-width: 1200px) {
  .display-xl-1 { font-size: 6rem !important; }
  .display-xl-2 { font-size: 5.5rem !important; }
  .display-xl-3 { font-size: 4.5rem !important; }
  .display-xl-4 { font-size: 3.5rem !important; }
  .display-xl-5 { font-size: 2.5rem !important; }
  .display-xl-6 { font-size: 1.5rem !important; }
}

@media (min-width: 1400px) {
  .display-xxl-1 { font-size: 6rem !important; }
  .display-xxl-2 { font-size: 5.5rem !important; }
  .display-xxl-3 { font-size: 4.5rem !important; }
  .display-xxl-4 { font-size: 3.5rem !important; }
  .display-xxl-5 { font-size: 2.5rem !important; }
  .display-xxl-6 { font-size: 1.5rem !important; }
}