* {
	box-sizing: border-box;
}

@font-face {
	font-family: 'Tex Gyre Heros';
	src: url('/fonts/texgyreheros-regular-webfont.woff') format('woff2');
	font-weight: 400;
}
@font-face {
	font-family: 'Tex Gyre Heros';
	src: url('/fonts/texgyreheros-bold-webfont.woff') format('woff2');
	font-weight: 700;
}
@font-face {
	font-family: 'Tex Gyre Heros';
	src: url('/fonts/texgyreheros-italic-webfont.woff') format('woff2');
	font-style: italic;
}
@font-face {
	font-family: 'Tex Gyre Heros';
	src: url('/fonts/texgyreheros-bolditalic-webfont.woff') format('woff2');
	font-weight: 700;
	font-style: italic;
}

html {
	scroll-behavior: smooth;
	overflow-y: scroll;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
}
html::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}
body {
	margin: 0;
	font-family:
		'Tex Gyre Heros',
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		'Helvetica Neue',
		Arial,
		sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

a {
	text-decoration: none;
}

.btn {
	border: #000 solid 1px;
	padding: 0.5rem 1.5rem 0.4rem;
	margin: 0.5rem;
	font-size: 0.7rem;
	font-weight: 100;
	text-transform: uppercase;
	border-radius: 3rem;
	z-index: 2;
	background: none;
	cursor: pointer;
}
@media all and (max-width: 768px) {
	.btn {
		font-size: 0.5rem;
		padding: 0.3rem 1rem 0.2rem;
	}
}