@import url("//hello.myfonts.net/count/3a95ac");
/**
 * @license
 * MyFonts Webfont Build ID 3839404, 2019-11-20T13:52:19-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed webfont(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Recoleta-Regular by Latinotype
 * URL: https://www.myfonts.com/fonts/recoleta/latinotype/recoleta/regular/
 * 
 * Licensed pageviews: 10,000
 * /fonts/recoleta copyright: Copyright © 2018 by Jorge Cisterna. All rights reserved.
 * 
 * © 2019 MyFonts Inc
*/

@font-face {
  /* Regular */
  font-family: "Recoleta";
  src: url("./fonts/recoleta/3A95AC_6_0.eot");
  src: url("./fonts/recoleta/3A95AC_6_0.eot?#iefix") format("embedded-opentype"),
    url("./fonts/recoleta/3A95AC_6_0.woff2") format("woff2"),
    url("./fonts/recoleta/3A95AC_6_0.woff") format("woff"),
    url("./fonts/recoleta/3A95AC_6_0.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 400;
}

@font-face {
  /* Medium */
  font-family: "Recoleta";
  src: url("./fonts/recoleta/3A95AC_3_0.eot");
  src: url("./fonts/recoleta/3A95AC_3_0.eot?#iefix") format("embedded-opentype"),
    url("./fonts/recoleta/3A95AC_3_0.woff2") format("woff2"),
    url("./fonts/recoleta/3A95AC_3_0.woff") format("woff"),
    url("./fonts/recoleta/3A95AC_3_0.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 500;
}

/*
*  This font software is the property of Commercial Type.
*
*  You may not modify the font software, use it on another website, or install it on a computer.
*
*  License information is available at http://commercialtype.com/eula
*  For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com
*
*  Copyright (C) 2020 Schwartzco Inc.
*  License: 2002-YKRJPJ     
*/

@font-face {
  font-family: "Graphik Web";
  src: url("./fonts/graphik/Graphik-MediumItalic-Web.woff2") format("woff2"),
    url("./fonts/graphik/Graphik-MediumItalic-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "Graphik Web";
  src: url("./fonts/graphik/Graphik-Medium-Web.woff2") format("woff2"),
    url("./fonts/graphik/Graphik-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik Web";
  src: url("./fonts/graphik/Graphik-RegularItalic-Web.woff2") format("woff2"),
    url("./fonts/graphik/Graphik-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "Graphik Web";
  src: url("./fonts/graphik/Graphik-Regular-Web.woff2") format("woff2"),
    url("./fonts/graphik/Graphik-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

body {
  font-family: "Graphik Web", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-standard__black);
}

html {
  --font-size-min: 14;
  --font-size-max: 18;
  --viewport-min: 400;
  --viewport-max: 1400;
  line-height: 1.6;
  /* Explanation for this madness: https://css-tricks.com/snippets/css/fluid-typography/ */
  font-size: calc(
    (var(--font-size-min) * 1px) + (var(--font-size-max) - var(--font-size-min)) *
      (
        (100vw - (var(--viewport-min) * 1px)) /
          (var(--viewport-max) - var(--viewport-min))
      )
  );
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  font-family: "Recoleta", serif;
}

h1 {
  line-height: 1.2;
  font-weight: 500;
  font-size: 5.05rem;
}

h2 {
  line-height: 1.2;
  font-weight: 400;
  font-weight: normal;
  font-size: 3.4rem;
}

* + h2 {
  margin-top: 3.4rem;
}

h3 {
  line-height: 1.2;
  font-family: "Graphik Web", Arial, sans-serif;
  font-weight: normal;
}

.fancy {
  font-family: "Recoleta", serif;
}

h3 {
  font-size: 2.25rem;
}

* + h3 {
  margin-top: 2.25rem;
}

h4 {
  line-height: 1.3;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
* + h4 {
  margin-top: 3rem;
}

h5 {
  line-height: 1.3;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
* + h5 {
  margin-top: 2rem;
}

p {
  line-height: 1.6;
  font-size: 1rem;
  margin: 0;
}
p + p {
  margin-top: 1rem;
}
.lead {
  font-size: 1.5rem;
  line-height: 1.3;
}
.caption {
  font-size: 0.65rem;
  line-height: 1.4;
}

button,
input,
textarea {
  font-family: "Graphik Web", Arial, sans-serif;
  font-size: inherit;
}