.btn, .accordion-button {
	font-size: 1.25rem;
}

p.small, li.small, div.small, .btn.small {
	font-size:1rem;
	line-height:1.3;
}

p.very-small, li.very-small, div.very-small {
	font-size:0.75rem;
	line-height:1.3;
}

@media (max-width: 767.98px) {
	body, .btn, .accordion-button {
		font-size: 16px;
	}
}

@media (max-width: 1200px) {

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

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

@media (min-width: 1200px) {

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

h2,
.h2 {
	font-size: calc(1.656rem + 0.9vw);
}

@media (min-width: 1200px) {

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

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

@media (min-width: 1200px) {

	h3,
	.h3 {
		font-size: 2.185rem;
	}
}

h4,
.h4 {
	font-size: calc(1.594rem + 0.3vw);
}

@media (min-width: 1200px) {

	h4,
	.h4 {
		font-size: 1.875rem;
	}
}

h5,
.h5{
	font-size: 1.6375rem;
}

h6,
.h6 {
	font-size: 1.4rem;
}

.display-1 {
	font-size: calc(1.625rem + 4.5vw);
	font-weight: 300;
	line-height: 1.2;
}

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

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

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

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

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

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

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

.display-5 {
	font-size: calc(1.425rem + 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.375rem + 1.5vw);
	font-weight: 300;
	line-height: 1.2;
}

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