@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Metropolis-Light.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Metropolis-Regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Metropolis-Medium.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Metropolis-SemiBold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


h1 {
    font-size: 60px;
    font-weight: 600;
}
h2 {
    font-size: 50px;
    font-weight: 600;
}
h3 {
    font-size: 40px;
    font-weight: 600;
}
h4 {
    font-size: 30px;
    font-weight: 600;
}
h5 {
    font-size: 24px;
    font-weight: 600;
}
h6 {
    font-size: 20px;
    font-weight: 600;
}

.sppb-addon-text {
    font-weight: 300;
}

body {
   font-family: 'Metropolis';
}