@font-face {
	font-family: ElliotSans-Bold;
	src: url(Fonts/ElliotSans-Bold.ttf);
}

@font-face {
	font-family: ElliotSans-Regular;
	src: url(Fonts/ElliotSans-Regular.ttf);
}

body {
	background-color: #ff7a1a;
}

#arrow {
	width: 15%;
}

h1 {
	color: #000000;
	text-align: center;
	font-family: "ElliotSans-Bold";
	font-size: 715%;
	font-weight: normal;
	font-style: normal;
	text-shadow: 3px 3px 5px #454444;
}

h2 {
	color: #000000;
	text-align: center;
	font-family: "ElliotSans-Bold";
	font-size: 363%;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 2%;
}

#filters {
	margin-left: 40%;
}

.labels {
	color: #000000;
	text-align: center;
	font-family: "ElliotSans-Bold";
	font-size: 150%;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding: 0.5%;
	display: inline;
}

.product {
	border: 12px solid;
	background-color: #000000;
	color: #ff7a1a;
	font-family: "ElliotSans-Bold";
	font-size: 200%;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding: 3%;
	display: block;
	margin: auto;
}

a:link {
	color: #ff7a1a;
	text-decoration: none;
}

a:visited {
	color: #ff7a1a;
	text-decoration: none;
}

a:hover {
	color: #ffa55f;
	text-decoration: underline;
}

a:active {
	color: #ff7a1a;
	text-decoration: none;
}