/* = Typography = */

/*
Fonts:
Open Sans

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">

400 regular
600 semibold
700 bold

font-family:'FF Dax W01';
400 normal
500 medium

font-family:'Neue Helvetica W05';
400 normal
700 bold

*/

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../Fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../Fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf) format('truetype');
}

@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(../Fonts/Maven_Pro/MavenPro-VariableFont_wght.ttf) format('truetype');
}

body, html {
	/* font-family: 'Neue Helvetica W05', sans-serif; */
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media(min-width: 992px) {
	body, html {
	}
}

@media(min-width: 1400px) {
	body, html {
		/* font-size: 18px; */
	}
}

strong {
	font-weight: 700;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Maven Pro', sans-serif;
	font-weight: 500;
	margin-bottom: 1rem;
}

a {
  color: inherit;
}

a:hover {
  color: var(--primary);
}

@media(min-width: 992px) {
}