* {
	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	margin: 0;
	background: #EEECDE;
}

a {
	text-decoration: none;
	cursor: pointer;
}

::selection {
	background: #004035;
	color: #FFFFFF;
}

/* -------------------- RESPONSIVE -------------------- */

desktop {
	display: block;
	height: 100%;
	width: 100%;
}

mobile {
	display: none;
}

/* -------------------- HEADER -------------------- */

header {
	padding: 8vw 3vw 0 3vw;
	width: 100%;
/* */
	background: url(../img/header.jpg) no-repeat;
	background-size: cover;
}

logo {
	position: absolute;
	display: block;
	height: 3vw;
	width: 3vw;
	left: 5vw;
	top: 2.5vw;
/* */
	background: url(../img/logo.svg) no-repeat center center;
	background-size: cover;
	opacity: 0.4;
}

#banner {
	height: 40vw;
	width: 100%;
/* */
	background: url(../img/banner.jpg) no-repeat #FFFFFF;
	background-position: 50% 90%;
	background-size: 90%;
}

nav {
	position: absolute;
	display: block;
	height: 8vw;
	left: 10vw;
	top: 0;
}

nav a {
	display: inline-block;
	margin: 0 2vw;
/* */
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: 'Cormorant', monospace;
	font-weight: 700;
	font-size: 1vw;
	line-height: 8vw;
	color: #777777;
}

nav a:hover {
	color: #004035;
}

aside {
	margin: 0 0 0 3vw;
	height: 10vw;
	width: 94vw;
/* */
	text-align: center;
/* */
	background: #FFFFFF;
}

aside button {
	padding: 2vw;
	margin: 0 1vw 0 0;
/* */
	letter-spacing: 0.3em;
	text-transform: uppercase;
	font-family: 'Inter', monospace;
	font-weight: 700;
	font-size: 1.2vw;
	line-height: 1.2vw;
	color: #FFFFFF;
/* */
	background: #004035;
	border: none;
}

aside button:hover {
	color: #004035;
	background: #EEECDE;
}

/* -------------------- MISSION -------------------- */

#mission {
	margin: 0 0 0 3vw;
	padding: 5vw;
	width: 94vw;
/* */
	text-align: center;
	font-family: 'DM-Display', monospace;
	font-weight: 500;
	font-size: 4vw;
	line-height: 5vw;
	color: #004035;
}

/* -------------------- INITIATIVES -------------------- */

#initiatives {
	margin: 0 0 0 3vw;
	padding: 5vw;
	width: 94vw;
/* */
	font-family: 'DM-Display', monospace;
	font-weight: 500;
	font-size: 3vw;
	line-height: 5vw;
	color: #004035;
}

#initiatives span {
	display: block;
/* */
	text-transform: uppercase;
	font-family: 'Inter', monospace;
	font-weight: 700;
	font-size: 2vw;
	line-height: 5vw;
	color: #777777;
}

/* -------------------- MEDIA -------------------- */

@media only screen and (max-width: 744px) and (orientation: portrait) {

	desktop {
		display: none;
	}
	
	mobile {
		display: block;
		height: 100%;
		width: 100%;
	}

}

/* -------------------- PRINT -------------------- */

@media print {

	* {
		display: none;
	}

}