/* ------------------------------------------
 Typography
 ----------------------------------------- */

@font-face {
	font-family: interRegular;
	src: url(../font/Inter-Regular.woff2);
}

@font-face {
	font-family: LarsBoldCondensed;
	src: url(../font/Lars-BoldCondensed.woff2);
}

@font-face {
	font-family: LarsBoldCondensedItalic;
	src: url(../font/Lars-BoldCondensedItalic.woff2);
}

body,
input,
input[type="text"],
input[type="email"],
textarea,
select,
select option {
	font-family: interRegular;
}

select option {
	line-height: 2;
}

html {
	font-size: 1rem;
}

h1,
h2,
h3,
.btn,
input[type="submit"]
 {
	font-family: LarsBoldCondensed;
}

address {
	font-style: normal;
}

body {
	font-size: var(--font-size);
	line-height: var(--line-height);
}

.font-size {
	font-size: var(--font-size);
}

.font-size--x-small {
	font-size: var(--font-size--x-small);
}

.font-size--small {
	font-size: var(--font-size--small);
}

.font-size--large {
	font-size: var(--font-size--large);
}

.font-size--x-large {
	font-size: var(--font-size--x-large);
}

.font-size--xx-large {
	font-size: var(--font-size--xx-large);
}

h1,
h2,
h3
 {
	line-height: 1.2;
	margin-bottom: calc(.8 * var(--font-size)) ;
}

h1 {
	font-size: var(--font-size--xx-large);
}

h2 {
	font-size: var(--font-size--x-large);
}







@media only screen and (min-width: 721px) {


}

@media only screen and (min-width: 1200px) {


}

strong {
	font-weight: 700;
}

.error {
	color: var(--accent-color--primary);
	font-size: .7em;
}