@charset "utf-8";

@media only screen and (max-width: 320px) {
  .mob64-responsive { font-size: 62px; line-height: 64px; }
  .mob46-responsive { font-size: 44px; line-height: 46px; }
  .mob36-responsive { font-size: 34px; line-height: 38px; }
  .mob31-responsive { font-size: 29px; line-height: 34px; }
  .mob30-responsive { font-size: 28px; line-height: 32px; }
  .mob28-responsive { font-size: 26px; line-height: 30px; }
  .mob26-responsive { font-size: 24px; line-height: 28px; }
  .mob24-responsive { font-size: 22px; line-height: 26px; }
  .mob21-responsive { font-size: 19px; line-height: 23px; }
  .mob20-responsive { font-size: 18px; line-height: 22px; }
  .mob18-responsive { font-size: 16px; line-height: 20px; }
  .mob16-responsive { font-size: 14px; line-height: 18px; }
  .mob15-responsive { font-size: 13px; line-height: 17px; }
  .mob13-responsive, .mob14-responsive { font-size: 12px; }
  .mob14-responsive { line-height: 16px; }
  .mob13-responsive { line-height: 16px; }
  .mobcta-responsive { font-size: 13px; line-height: 17px; }
}

@media only screen and (max-width: 767px) {
  .mob28-responsive, .mob30-responsive, .mob31-responsive, .mob36-responsive { text-transform: uppercase; }
  .mob26-responsive, .mob28-responsive, .mob30-responsive, .mob31-responsive { letter-spacing: 0.1em; }
  .mob64-responsive { font-size: 64px; line-height: 66px; letter-spacing: 0.3em; }
  .mob46-responsive { font-size: 46px; line-height: 48px; }
  .mob36-responsive { font-size: 36px; line-height: 40px; }
  .mob31-responsive { font-size: 31px; line-height: 36px; }
  .mob30-responsive { font-size: 30px; line-height: 34px; }
  .mob28-responsive { font-size: 28px; line-height: 32px; }
  .mob26-responsive { font-size: 26px; line-height: 30px; text-transform: uppercase; }
  .mob18-responsive, .mob21-responsive, .mob24-responsive { letter-spacing: 0.1em; text-transform: uppercase; }
  .mob24-responsive { font-size: 24px; line-height: 28px; }
  .mob21-responsive { font-size: 21px; line-height: 25px; }
  .mob20-responsive { font-size: 20px; line-height: 24px; }
  .mob18-responsive { font-size: 18px; line-height: 22px; }
  .mob16-responsive { font-size: 16px; line-height: 19px; letter-spacing: 0.05em; text-transform: uppercase; }
  .mob15-responsive { font-size: 15px; line-height: 18px; letter-spacing: 0.05em; text-transform: uppercase; }
  .mob13-responsive { letter-spacing: 0.03em; }
  .mob12-responsive { font-size: 12px; line-height: 18px; letter-spacing: 0.06em; text-transform: uppercase; }
  .mob14-responsive { font-size: 14px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; }
  .mob13-responsive, .mobcta-responsive { font-size: 13px; }
  .mob13-responsive { line-height: 17px; }
  .mobcta-responsive { line-height: 17px; text-decoration: underline; text-transform: uppercase; letter-spacing: 0.08em; }
}

@media only screen and (min-width: 768px) {
  .headlineXXXL-responsive { font-size: calc(57.1429px + 2.23214vw); line-height: calc(61.4286px + 2.00893vw); }
  .headlineXXL-responsive { font-size: calc(28.5714px + 2.67857vw); line-height: calc(38.8571px + 2.45536vw); }
  .headlineXL-responsive { font-size: calc(4.14286px + 3.01339vw); line-height: calc(8px + 3.125vw); }
  .headlineL-responsive { font-size: calc(0.285714px + 2.90179vw); line-height: calc(2px + 3.125vw); }
  .headlineM-responsive { font-size: calc(-5.71429px + 2.90179vw); line-height: calc(2.57143px + 2.67857vw); }
  .headlineS-responsive { font-size: calc(-7.42857px + 2.67857vw); line-height: calc(5.14286px + 2.23214vw); }
  .headlineXS-responsive { font-size: calc(-2.85714px + 2.23214vw); line-height: calc(-1.14286px + 2.45536vw); }
  .headlineXXS-responsive { font-size: calc(-1.42857px + 1.89732vw); line-height: calc(1.42857px + 2.00893vw); }
  .headline32-responsive { font-size: calc(-4.42857px + 1.89732vw); line-height: calc(-1.57143px + 2.00893vw); }
  .headline8vw-responsive { font-size: 8vw; line-height: 1; }
  .headline75vw-responsive { font-size: 7.5vw; line-height: 1; }
  .headline7vw-responsive { font-size: 7vw; line-height: 1; }
  .headline65vw-responsive { font-size: 6.5vw; line-height: 1; }
  .headline6vw-responsive { font-size: 6vw; line-height: 1; }
  .copyL-responsive, .copyXL-responsive, .copyXS-responsive, .headline32-responsive, .headlineL-responsive, .headlineM-responsive, .headlineS-responsive, .headlineXL-responsive, .headlineXS-responsive, .headlineXXL-responsive, .headlineXXS-responsive, .headlineXXXL-responsive { letter-spacing: 0.1em; text-transform: uppercase; }
  .copyXL-responsive { font-size: calc(6.57143px + 1.11607vw); line-height: calc(12.5714px + 1.11607vw); }
  .copyL-responsive { font-size: calc(2.57143px + 1.11607vw); line-height: calc(8.57143px + 1.11607vw); text-transform: uppercase; }
  .copyM-responsive, .copyS-responsive { letter-spacing: 0px; text-transform: none; }
  .copyM-responsive { font-size: calc(7.14286px + 0.669643vw); line-height: calc(13.1429px + 0.669643vw); }
  .copyS-responsive { font-size: calc(5.14286px + 0.669643vw); line-height: calc(6.85714px + 0.892857vw); }
  .copyXS-responsive, .ctaL-responsive { font-size: calc(7.42857px + 0.446429vw); }
  .ctaL-responsive, .ctaS-responsive { letter-spacing: 0.1em; }
  .copyXS-responsive { line-height: calc(11.4286px + 0.446429vw); }
  .ctaL-responsive { line-height: calc(9.14286px + 0.669643vw); }
  .ctaS-responsive { font-size: calc(9.71429px + 0.223214vw); line-height: calc(11.4286px + 0.446429vw); }
}

@media only screen and (min-width: 1920px) {
  .headlineXXXL-responsive { font-size: 100px; line-height: 108px; }
  .headlineXXL-responsive { font-size: 80px; line-height: 86px; }
  .headlineXL-responsive { font-size: 62px; line-height: 68px; }
  .headlineL-responsive { font-size: 56px; line-height: 62px; }
  .headlineM-responsive { font-size: 50px; line-height: 54px; }
  .headlineS-responsive { font-size: 44px; line-height: 48px; }
  .headlineXS-responsive { font-size: 40px; line-height: 46px; }
  .headlineXXS-responsive { font-size: 35px; line-height: 40px; }
  .headline32-responsive { font-size: 32px; line-height: 37px; }
  .copyXL-responsive { font-size: 28px; line-height: 34px; }
  .copyL-responsive { font-size: 24px; line-height: 30px; }
  .copyM-responsive { font-size: 20px; line-height: 26px; }
  .copyS-responsive { font-size: 18px; line-height: 24px; }
  .copyXS-responsive, .ctaL-responsive { font-size: 16px; }
  .copyXS-responsive { line-height: 20px; }
  .ctaS-responsive { font-size: 14px; }
}