/* Typography
--------------------------------------------- */
@font-face {
	font-family: 'Freewrite Mono Regular';
	src: url('../../assets/fonts/freewritemono_regular-webfont.woff2') format('woff2'),
		 url('../../assets/fonts/freewritemono_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'Freewrite Mono Light';
	src: url('../../assets/fonts/freewritemono-light-webfont.woff2') format('woff2'),
		 url('../../assets/fonts/freewritemono-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

/* Headings
--------------------------------------------- */
html{
	color:var(--primary);
	font:20px/1.5 'input-mono', monospace;
	font-weight: 300;
}
@media only screen and (max-width: 1280px) {
	html{
		font-size: 18px;
	}
}
@media only screen and (max-width: 768px) {
	html{
		font-size: 16px;
	}
}

h1, h2, h3, h4{
	margin:0;
	display: block;
	font-weight: 700;
}
h1, .h1{
	font-size: 24px;
	line-height: 1.1;
}
h2, .h2{
	font-size: 2.4rem;
	line-height: 1.2;
}
h3,
.h3{
	font-size: 2rem;
	line-height: 1.2;
}
h4,
.h4{
	font-size: 1.6rem;
}
h5{
	font-size: 1.25rem;
}
h6{
	font-size: 1rem;
}
.display{
	font-size: 5vw;
	font-size: clamp(40px, 5vw, 96px);
	font-family: 'gopher', sans-serif;
	line-height: 1.3;
}
p{
	margin:0;
	font-size: 1.250vw;
	font-size: clamp(16px, 1.250vw, 20px);
	line-height:1.2;
}
p.small{
	font-size: 1rem;
}
.label{
	font-size: 1rem;
	line-height: 1;
	font-weight: 200;
}
.number{
	font-size: 2.604vw; 
	font-size: clamp(24px, 2.604vw, 50px);
	line-height: 1;
	font-weight: 400;
	
}
a{
	font-size: .8rem;
	text-decoration: none;
	color:var(--primary);
	transition:.2s all;
}
a:hover{
	color:var(--primary);
}

@media only screen and (max-width: 1680px) {
	.display{
		font-size: clamp(40px, 4vw, 96px);
	}
	.number{
		font-size: clamp(16px, 1.6vw, 50px);
	}
}

/* Margins */
h1 + p,
h2 + p{
	margin-top:1rem;
}
h3 + p{
	margin-top:1.25rem;
}
h4 + p{
	margin-top:.5rem;
}
p + p{
	margin-top:1rem;
}

/* Specifics for Klavyio */
.ql-container{
	text-align: left !important;
}
.ql-font-nunito-sans{
	color:var(--white) !important;
	font-size: 0.938vw !important;
	font-size: clamp(14px, 0.938vw, 18px) !important;
	line-height:1.2 !important;
	font-family: 'input-mono', monospace !important;
}


/* Alignment */
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}