@font-face {
	font-family: "OpenSans";
	src: url("../fonts/OpenSans-Medium.ttf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "OpenSans";
	src: url("../fonts/OpenSans-SemiBold.ttf") format("opentype");
	font-weight: bold;
	font-style: normal;
}

@media (min-width: 250px) {
	body,
	html {
		font-family: "OpenSans", sans-serif;
		letter-spacing: 2px;
	}

	h1 {
		letter-spacing: 2px;
	}

	p {
		letter-spacing: 2px;
	}
}

@media (min-width: 600px) {
	body,
	html {
		font-family: "OpenSans", sans-serif;
		letter-spacing: 5px;
	}

	h1 {
		letter-spacing: 5px;
	}

	p {
		letter-spacing: 5px;
	}
}