@media all and (min-width: 768px)  and (min-device-width: 768px) {
	@font-face {
		font-family: SiteFont;
		font-weight: 200;
		src: url(extra-light-font.ttf);
	}

	@font-face {
		font-family: SiteFont;
		font-weight: 300;
		src: url(light-font.ttf);
	}

	@font-face {
		font-family: SiteFont;
		font-weight: normal;
		src: url(regular-font.ttf);
	}

	@font-face {
		font-family: SiteFont;
		font-weight: bold;
		src: url(bold-font.ttf);
	}

	@font-face {
		font-family: SiteFont;
		font-weight: 900;
		src: url(extra-bold-font.ttf);
	}


	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		font-family: SiteFont, Helvetica, Arial, sans-serif;

		text-decoration: none;
	}

	body {
		display: flex;
		flex-direction: column;
		min-height: 100vh;

		background-color: rgb(248, 248,248);
	}


	.right {
		display: flex;
		justify-content: flex-end;
		text-align: right;
	}
}