@font-face
{
	font-family: 'Brown';
	src: url('../fonts/Brown-Regular/Brown-Regular.woff2') format('woff2'),
	url('../fonts/Brown-Regular/Brown-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body
{
	background: url(../images/legrandballs_landingpage_background_creme.jpg);
	font-family: 'Brown';
}

#home
{
	width: 100%;
	height: calc( 100vh - 74px );
}

#footer
{
	background: #3564AF;
	height: 74px;
}

#menu
{
	margin: 0 auto;
	max-width: 600px;
}

#menu a
{
	text-transform: uppercase;
	font-size: 27px;
	letter-spacing: 1.62px;
	color: #F4EBD4;
	line-height: 74px;
}

#menu ul, #menu-mobile-links, #social-links ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu-mobile
{
	display: none;
	background: url(../images/legrandballs_landing_background_blue.jpg);
}

#menu-mobile .container
{
	height: 100vh;
}

#menu-mobile-links li
{
	text-align: center;
	margin-bottom: 72px;
}

#menu-mobile-links
{
	margin-bottom: 92px;
}

#menu-mobile-links li:last-child
{
	margin-bottom: 0;
}

#menu-mobile-links a
{
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 1.8px;
	color: #F4EBD4;
}

#social-links li
{
	display: inline-block;
	margin: 0 15px;
}

#social-links
{
	margin: 0 30px;
	text-align: center;
	padding: 30px 0;
	border-top: solid 1px #F4EBD4;
}

#menu-mobile-header, #burger-menu
{
	margin: 30px;
}