/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * aktiv-grotesk:
 *   - http://typekit.com/eulas/00000000000000003b9b0328
 *   - http://typekit.com/eulas/00000000000000003b9b032d
 *   - http://typekit.com/eulas/000000000000000000017875
 *
 * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2019-12-22 13:55:32 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=qzs4ysy&ht=tk&f=14032.14034.21510&a=619157&app=typekit&e=css");

@font-face {
font-family:"aktiv-grotesk";
src:url("https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-display: swap;
}

@font-face {
font-family:"aktiv-grotesk";
src:url("https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-display: swap;
}

@font-face {
font-family:"aktiv-grotesk";
src:url("https://use.typekit.net/af/97f831/000000000000000000017875/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/97f831/000000000000000000017875/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/97f831/000000000000000000017875/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-display: swap;
}

.tk-aktiv-grotesk { font-family: "aktiv-grotesk",sans-serif; }

html {
  font-size: 62.5%;
}

body {
  font-family: $font-body;
  font-weight: $font-body-weight;
  font-style: $font-body-style;
  font-size: $font-body-size-mobile;
  color: $grey;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  @include lg {
    font-size: $font-body-size;
  }
}

h1, .heading1 {
  font-size: 3.2rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 3.2rem;

  @include lg {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }
}

h2, .heading2 {
  font-size: 2.4rem;
  font-weight: 700;
  color: $dark-grey;
  line-height: 2.8rem;

  @include lg {
    font-size: 3.2rem;
    line-height: 3.8rem;
  }
}

h3, .heading3 {
  font-size: 1.8rem;
  font-weight: 700;
  color: $dark-grey;
  line-height: 3.2rem;

  @include lg {
    font-size: 2.4rem;
  }
}

h5, .heading5 {
  font-size: 1.1rem;
  font-weight: 800;
  color: $light-grey;
  line-height: 1.4rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  margin: 4px 0;

  @include lg {
    font-size: 1.2rem;
    margin: 5px 0;
    line-height: 1.5rem;
  }
}