h1,
.h1 {
	font-size: calc(2.166rem + 1.5vw);
}

@media (min-width: 1200px) {
	body {
		font-size: 18px;
	}

	h1,
	.h1 {
		font-size: 3.9375rem;
	}
}

h2,
.h2 {
	font-size: calc(1.656rem + 0.6vw);
	letter-spacing: -1.22px;
}

@media (min-width: 1200px) {

	h2,
	.h2 {
		font-size: 2.5rem;
	}
}

h3,
.h3 {
	font-size: calc(1.625rem + 0.6vw);
	letter-spacing: -1.22px;
}

@media (min-width: 1200px) {

	h3,
	.h3 {
		font-size: 2,1875rem;
	}
}

h4,
.h4 {
	font-size: calc(1.913rem + 0.3vw);
/* 	letter-spacing: -0.94px; */
}

@media (min-width: 1200px) {

	h4,
	.h4 {
		font-size: 1,875rem;
	}
}

h5,
.h5 {
	font-size: 1,5625rem;
}

h6,
.h6 {
	font-size: 1,125rem;
}

.display-1 {
	font-size: calc(1.666rem + 4.5vw);
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: -2.74px;
	position: relative;
}

@media (min-width: 1200px) {
	.display-1 {
		font-size: 5.125rem;
		left:-5px;
	}
}

@media (max-width: 767px) {
	.display-1 {
		letter-spacing: -1.5px;
	}
}

.display-2 {
	font-size: calc(1.619rem + 3.9vw);
	font-weight: 300;
	line-height: 1.2;
}

@media (min-width: 1200px) {
	.display-2 {
		font-size: 4.625rem;
	}
}

.display-3 {
	font-size: calc(1.573rem + 3.3vw);
	font-weight: 300;
	line-height: 1.2;
}

@media (min-width: 1200px) {
	.display-3 {
		font-size: 4.125rem;
	}
}

.display-4 {
	font-size: calc(1.528rem + 2.7vw);
	font-weight: 300;
	line-height: 1.2;
}

@media (min-width: 1200px) {
	.display-4 {
		font-size: 3.625rem;
	}
}

.display-5 {
	font-size: calc(1.484rem + 2.1vw);
	font-weight: 300;
	line-height: 1.2;
}

@media (min-width: 1200px) {
	.display-5 {
		font-size: 3.125rem;
	}
}

.display-6 {
	font-size: calc(1.444rem + 1.5vw);
	font-weight: 300;
	line-height: 1.2;
}

@media (min-width: 1200px) {
	.display-6 {
		font-size: 2.625rem;
	}
}

@media (min-width: 1200px) and (max-width: 1600px){
	.display-1 {
		font-size: 4rem;
		left: -3px;
	}	
}