/* FONTS */
/*
@font-face {
  font-family: 'DM Sans';
  src: url(../../fonts/DMSans-Bold.woff);
  src: url(../../fonts/DMSans-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
  font-family: 'DM Sans';
  src: url(../../fonts/DMSans-Italic.woff);
  src: url(../../fonts/DMSans-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'DM Sans';
  src: url(../../fonts/DMSans-Medium.woff);
  src: url(../../fonts/DMSans-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans';
  src: url(../../fonts/DMSans-Medium.woff);
  src: url(../../fonts/DMSans-Medium.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'DM Sans';
  src: url(../../fonts/DMSans-Regular.woff);
  src: url(../../fonts/DMSans-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
 */

@font-face {
  font-family: 'Lato';
  src: url(../../fonts/Lato-Light.woff);
  src: url(../../fonts/Lato-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url(../../fonts/Lato-Bold.woff);
  src: url(../../fonts/Lato-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url(../../fonts/Lato-Italic.woff);
  src: url(../../fonts/Lato-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url(../../fonts/Lato-Regular.woff);
  src: url(../../fonts/Lato-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: 'Montserrat';
  src: url(../../fonts/Montserrat-Light.woff);
  src: url(../../fonts/Montserrat-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url(../../fonts/Montserrat-Bold.woff);
  src: url(../../fonts/Montserrat-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url(../../fonts/Montserrat-Italic.woff);
  src: url(../../fonts/Montserrat-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Montserrat';
  src: url(../../fonts/Montserrat-Regular.woff);
  src: url(../../fonts/Montserrat-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url(../../fonts/Montserrat-SemiBold.woff);
  src: url(../../fonts/Montserrat-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

/*
@font-face {
  font-family: 'Nunito Sans';
  src: url(../../fonts/NunitoSans-Light.woff);
  src: url(../../fonts/NunitoSans-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url(../../fonts/NunitoSans-Bold.woff);
  src: url(../../fonts/NunitoSans-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url(../../fonts/NunitoSans-Italic.woff);
  src: url(../../fonts/NunitoSans-Italic.ttf) format('truetype');
  font-weight: 400;
    font-style: italic;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url(../../fonts/NunitoSans-Regular.woff);
  src: url(../../fonts/NunitoSans-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito Sans';
  src: url(../../fonts/NunitoSans-SemiBold.woff);
  src: url(../../fonts/NunitoSans-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
} */

@font-face {
  font-family: 'Open Sans';
  src: url(../../fonts/OpenSans-Light.woff);
  src: url(../../fonts/OpenSans-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url(../../fonts/OpenSans-Bold.woff);
  src: url(../../fonts/OpenSans-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url(../../fonts/OpenSans-Italic.woff);
  src: url(../../fonts/OpenSans-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url(../../fonts/OpenSans-Regular.woff);
  src: url(../../fonts/OpenSans-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url(../../fonts/OpenSans-SemiBold.woff);
  src: url(../../fonts/OpenSans-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url(../../fonts/Poppins-Light.woff);
  src: url(../../fonts/Poppins-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url(../../fonts/Poppins-Bold.woff);
  src: url(../../fonts/Poppins-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url(../../fonts/Poppins-Italic.woff);
  src: url(../../fonts/Poppins-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins';
  src: url(../../fonts/Poppins-Regular.woff);
  src: url(../../fonts/Poppins-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url(../../fonts/Poppins-SemiBold.woff);
  src: url(../../fonts/Poppins-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Red Hat Display';
  src: url(../../fonts/RedHatDisplayLight.woff);
  src: url(../../fonts/RedHatDisplayLight.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'Red Hat Display';
  src: url(../../fonts/RedHatDisplayBold.woff);
  src: url(../../fonts/RedHatDisplayBold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Red Hat Display';
  src: url(../../fonts/RedHatDisplayItalic.woff);
  src: url(../../fonts/RedHatDisplayItalic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Red Hat Display';
  src: url(../../fonts/RedHatDisplayRegular.woff);
  src: url(../../fonts/RedHatDisplayRegular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Red Hat Display';
  src: url(../../fonts/RedHatDisplaySemiBold.woff);
  src: url(../../fonts/RedHatDisplaySemiBold.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-BlackItalic.woff);
  src: url(../../fonts/Roboto-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Bold.woff);
  src: url(../../fonts/Roboto-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-BoldItalic.woff);
  src: url(../../fonts/Roboto-BoldItalic.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Italic.woff);
  src: url(../../fonts/Roboto-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Light.woff);
  src: url(../../fonts/Roboto-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Medium.woff);
  src: url(../../fonts/Roboto-Medium.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-MediumItalic.woff);
  src: url(../../fonts/Roboto-MediumItalic.ttf) format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Regular.woff);
  src: url(../../fonts/Roboto-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(../../fonts/Roboto-Black.woff);
  src: url(../../fonts/Roboto-Black.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
}


@font-face {
  font-family: 'Inter';
  src: url(../../fonts/Inter-BlackItalic.woff);
  src: url(../../fonts/Inter-BlackItalic.otf);
    font-weight: 900;
    font-style: italic;
}
@font-face {
  font-family: 'Inter';
  src: url(../../fonts/Inter-Bold.woff);
  src: url(../../fonts/Inter-Bold.otf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url(../../fonts/Inter-BoldItalic.woff);
  src: url(../../fonts/Inter-BoldItalic.otf);
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Inter';
  src: url(../../fonts/Inter-Italic.woff);
  src: url(../../fonts/Inter-Italic.otf);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Inter';
  src: url(../../fonts/Inter-Light-BETA.woff);
  src: url(../../fonts/Inter-Light-BETA.otf);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url(../../fonts/Inter-Medium.woff);
  src: url(../../fonts/Inter-Medium.otf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url(../../fonts/Inter-MediumItalic.woff);
  src: url(../../fonts/Inter-MediumItalic.otf);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Inter';
  src: url(../../fonts/Inter-Regular.woff);
  src: url(../../fonts/Inter-Regular.otf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url(../../fonts/Inter-Black.woff);
  src: url(../../fonts/Inter-Black.otf);
  font-weight: 900;
  font-style: normal;
}




@font-face {
  font-family: 'Jost';
  src: url(../../fonts/Jost-BlackItalic.woff);
  src: url(../../fonts/Jost-BlackItalic.ttf);
    font-weight: 900;
    font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url(../../fonts/Jost-Bold.woff);
  src: url(../../fonts/Jost-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url(../../fonts/Jost-BoldItalic.woff);
  src: url(../../fonts/Jost-BoldItalic.ttf);
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url(../../fonts/Jost-Italic.woff);
  src: url(../../fonts/Jost-Italic.ttf);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url(../../fonts/Jost-Light-BETA.woff);
  src: url(../../fonts/Jost-Light-BETA.ttf);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url(../../fonts/Jost-Medium.woff);
  src: url(../../fonts/Jost-Medium.ttf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url(../../fonts/Jost-MediumItalic.woff);
  src: url(../../fonts/Jost-MediumItalic.ttf);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url(../../fonts/Jost-Regular.woff);
  src: url(../../fonts/Jost-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url(../../fonts/Jost-Black.woff);
  src: url(../../fonts/Jost-Black.ttf);
  font-weight: 900;
  font-style: normal;
}