@font-face {
	font-family: 'Nexa Bold';
	src: url('../fonts/Nexa Bold.otf');
}

@font-face {
	font-family: 'Nexa Light';
	src: url('../fonts/Nexa Light.otf');
}

@font-face {
	font-family: 'Nexa Regular';
	src: url('../fonts/Nexa Regular.otf');
}

/* Import Lato Google font */
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

body {
	font-family: 'Lato';
	font-weight: 400;
}

a {
	color: black;
}

a:hover {
	color: #a4001d;
	text-decoration: none;
}

.fancynav-link:hover {
	background-image: linear-gradient(to right, black 0%, #a4001d99 20%, 50%, black 80%);
}

.fancynav-link-content {
	background-color: rgba(0, 0, 0, 0);
}

h1 {
	padding: 20px 0;
	font-family: 'Nexa Bold';
	font-size: 10vw;
	text-transform: uppercase;
}

h3 {
    font-family: 'Nexa Regular';
    font-size: 1.5rem;
}

section {
	padding: 40px 25px;
}

@media (min-width: 430px) {

	h1 {
		padding: 35px;
		font-size: 3.157rem;
	}

}