/* -----------
   Fluid Fonts
   -----------
    Reference:  https://css-tricks.com/snippets/css/fluid-typography/ 
    Breakdown:  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
    Example:    font-size: calc(     90px      +                210                * ((100vw -           320px)          /                        960                           )); */


.module-studio .fs12 {
  font-size: 12px;
}
.module-studio .fs14 {
  font-size: 13px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs14 { /* 14px to 13px*/
    font-size: calc(13px + 1 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs14 {
    font-size: 14px;
  }
}
.module-studio .fs16 {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs16 { /* 16px to 14px*/
    font-size: calc(14px + 2 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs16 {
    font-size: 16px;
  }
}
.module-studio .fs18 {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs18 { /* 18px to 16px*/
    font-size: calc(16px + 2 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs18 {
    font-size: 18px;
  }
}
.module-studio .fs20 {
  font-size: 17px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs20 { /* 20px to 17px*/
    font-size: calc(17px + 3 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs20 {
    font-size: 20px;
  }
}
.module-studio .fs22 {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs22 { /* 22px to 18px*/
    font-size: calc(18px + 4 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs22 {
    font-size: 22px;
  }
}
.module-studio .fs25 {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs25 { /* 25px to 20px*/
    font-size: calc(20px + 5 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs25 {
    font-size: 25px;
  }
}
.module-studio .fs30 {
  font-size: 23px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs30 { /* 30px to 23px*/
    font-size: calc(23px + 7 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs30 {
    font-size: 30px;
  }
}
.module-studio .fs35 {
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs35 { /* 35px to 25px*/
    font-size: calc(25px + 10 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs35 {
    font-size: 35px;
  }
}
.module-studio .fs40 {
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs40 { /* 40px to 28px*/
    font-size: calc(28px + 12 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs40 {
    font-size: 40px;
  }
}
.module-studio .fs45 {
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs45 { /* 45px to 30px*/
    font-size: calc(30px + 15 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs45 {
    font-size: 45px;
  }
}
.module-studio .fs50 {
  font-size: 33px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs50 { /* 50px to 33px*/
    font-size: calc(33px + 17 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs50 {
    font-size: 50px;
  }
}
.module-studio .fs60 {
  font-size: 35px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs60 { /* 60px to 35px*/
    font-size: calc(35px + 25 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs60 {
    font-size: 60px;
  }
}
.module-studio .fs70 {
  font-size: 38px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs70 { /* 70px to 38px*/
    font-size: calc(38px + 32 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs70 {
    font-size: 70px;
  }
}
.module-studio .fs80 {
  font-size: 40px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs80 { /* 80px to 40px*/
    font-size: calc(40px + 40 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs80 {
    font-size: 80px;
  }
}
.module-studio .fs90 {
  font-size: 45px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs90 { /* 90px to 45px*/
    font-size: calc(45px + 45 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs90 {
    font-size: 90px;
  }
}
.module-studio .fs100 {
  font-size: 50px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs100 { /* 100px to 50px*/
    font-size: calc(50px + 50 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs100 {
    font-size: 100px;
  }
}
.module-studio .fs120 {
  font-size: 54px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs120 { /* 120px to 54px*/
    font-size: calc(54px + 66 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs120 {
    font-size: 120px;
  }
}
.module-studio .fs140 {
  font-size: 58px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs140 { /* 140px to 58px*/
    font-size: calc(58px + 82 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs140 {
    font-size: 140px;
  }
}
.module-studio .fs160 {
  font-size: 62px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs160 { /* 160px to 62px*/
    font-size: calc(62px + 98 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs160 {
    font-size: 160px;
  }
}
.module-studio .fs180 {
  font-size: 66px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs180 { /* 180px to 66px*/
    font-size: calc(66px + 114 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs180 {
    font-size: 180px;
  }
}
.module-studio .fs200 {
  font-size: 70px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs200 { /* 200px to 70px*/
    font-size: calc(70px + 130 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs200 {
    font-size: 200px;
  }
}
.module-studio .fs220 {
  font-size: 74px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs220 { /* 220px to 74px*/
    font-size: calc(74px + 146 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs220 {
    font-size: 220px;
  }
}
.module-studio .fs240 {
  font-size: 78px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs240 { /* 240px to 78px*/
    font-size: calc(78px + 162 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs240 {
    font-size: 240px;
  }
}
.module-studio .fs260 {
  font-size: 82px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs260 { /* 260px to 82px*/
    font-size: calc(82px + 178 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs260 {
    font-size: 260px;
  }
}
.module-studio .fs280 {
  font-size: 86px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs280 { /* 280px to 86px*/
    font-size: calc(86px + 194 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs280 {
    font-size: 280px;
  }
}
.module-studio .fs300 {
  font-size: 90px;
}
@media screen and (min-width: 320px) {
  .module-studio .fs300 { /* 300px to 90px*/
    font-size: calc(90px + 210 * ((100vw - 320px) / 1660));
  }
}
@media screen and (min-width: 1280px) {
  .module-studio .fs300 {
    font-size: 300px;
  }
}