@charset "UTF-8";


@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw);
  }
  h1,
  .h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  h2,
  .h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  h3,
  .h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  h4,
  .h4 {
    font-size: calc(1.275rem + 0.3vw);
  }
  .display-1 {
    font-size: calc(1.725rem + 5.7vw);
  }
  .display-2 {
    font-size: calc(1.675rem + 5.1vw);
  }
  .display-3 {
    font-size: calc(1.575rem + 3.9vw);
  }
  .display-4 {
    font-size: calc(1.475rem + 2.0vw);   /* was 1.475rem + 2.7vw */
  }
  .close {
    font-size: calc(1.275rem + 0.3vw);
  }
}


 /* Small devices (landscape phones, 544px and up) */
 /* @media (min-width: 544px) {  
    .class-name {font-size: 16px;}
  }*/

  /* Medium devices (tablets, 768px and up) */
 /* @media (min-width: 768px) {  
    .class-name {font-size: 30px;}
  }*/

  /* Large devices (desktops, 992px and up) */
  /*@media (min-width: 992px) { 
    .class-name {font-size: 40px;}
  }*/

  /* Extra large devices (large desktops, 1200px and up) */
  /*@media (min-width: 1200px) {  
    .class-name {font-size: 48px;}
  }*/



  @media (min-width: 544px) {  
    h4 {font-size: 1.5rem;}
      .brief-description {
          font-size: calc(1rem - 0.3vw);
      }
  }

  @media (min-width: 768px) {  
     h4 {font-size: 1.25rem;}
      .brief-description {
          font-size: calc(1rem - 0.5vw);
      }
  }

  @media (min-width: 992px) { 
     h4 {font-size: 1.5rem;}
      .brief-description {
          font-size: 1rem;
      }
  }

  @media (min-width: 1200px) {  
      .class-name {font-size: 30px;}
      .brief-description {
          font-size: 1rem;
      }
  }