* {
	box-sizing: border-box;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	background: #D6D6D6;
	font-family: 'Outfit', sans-serif;
}

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

input, button, textarea, select {
	font: inherit;
}

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

::-webkit-scrollbar {
	display: none;
}

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

header {
	height: 100%;
	width: 100%;
/* */
	background: url(../img/bg.webp) no-repeat center center;
	background-size: cover;
}

nav {
	position: absolute;
	right: 10vw;
	top: 7vw;
}

nav a {
	padding-top: 0.5vw;
	margin-left: 3vw;
/* */
	font-weight: 500;
	font-size: 1.5vw;
	color: #FFFFFF;
/* */
	border-top: 0.5vw solid rgba(0, 0, 0, 0);
}

nav a:hover {
	border-top: 0.5vw solid #FAFF00;
}

logo {
	display: block;
	position: absolute;
	height: 12vw;
	width: 12vw;
	left: 7vw;
	top: 7vw;
/* */
	background: url(../img/seal.svg) no-repeat center center;
	background-size: contain;
}

aside {
	position: absolute;
	left: 7vw;
	top: 18vw;
}

aside p:nth-child(1) {
	display: block;
	margin-bottom: 1vw;
/* */
	line-height: 1.2;
	font-weight: 700;
	font-size: 5vw;
	color: #FFFFFF;
}

aside p:nth-child(2) {
	display: block;
	margin-top: -0.5vw;
/* */
	line-height: 1.5;
 	font-weight: 300;
	font-size: 1.7vw;
	color: #FFFFFF;
}

#news {
	position: absolute;
	padding: 1vw 8vw 0 2vw;
	height: 3.7vw;
	width: 70vw;
	left: 7vw;
	bottom: 0;
/* */
	background: url(../img/arrow_n.svg) no-repeat 67vw 50% #242500;
	background-size: 2vw;
/* */
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none;
}

#news:hover {
	background: url(../img/arrow_y.svg) no-repeat 67vw 50% #242500;
	background-size: 2vw;
}

#cc {
	position: absolute;
	padding: 1vw 2vw 0 2vw;
	height: 3.7vw;
	width: 23vw;
	right: 0;
	bottom: 0;
/* */
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.3vw;
	color: #242500;
/* */
	background: url(../img/arrow_c.svg) no-repeat 20vw 50% #677151;
	background-size: 2vw;
}

#cc:hover {
	color: #222222;
/* */
	background: url(../img/arrow_y.svg) no-repeat 20vw 50% #677151;
	background-size: 2vw;
}

/* -------------------- SECTIONS -------------------- */

section {
	display: block;
	padding: 1vw 5vw 5vw 7vw;
	width: 100%;
}

/* -------------------- THREATS -------------------- */

#threats {
	background: #EEEEEE;
}

#threats .title {
	font-weight: 700;
	font-size: 2.5vw;
	color: #4B5320;
}

#threats p {
	font-weight: 200;
	font-size: 1.3vw;
	color: #222222;
}

/* -------------------- SERVICES -------------------- */

#services {
	background: #677151;
}

#services .title {
	font-weight: 700;
	font-size: 2.5vw;
	color: #FFFFFF;
}

#services p {
	font-weight: 200;
	font-size: 1.3vw;
	color: #CCCCCC;
}

/* -------------------- PRIVACY -------------------- */

#privacy {
	background: #EEEEEE;
}

#privacy .title {
	font-weight: 700;
	font-size: 2.5vw;
	color: #4B5320;
}

#privacy p {
	font-weight: 200;
	font-size: 1.3vw;
	color: #777777;
}

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

@media only screen and (max-width: 1032px) {

	header {
		height: 75%;
	}

	nav a {
		font-size: 2.5vw;
	}

	logo {
		height: 20vw;
		width: 20vw;
	}
	
	aside {
		top: 28vw;
	}

	#news, #cc {
		display: none;
	}

}

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

	header {
		height: 100%;
	}

	nav {
		display: none;
	}
	
	logo {
		height: 60vw;
		width: 60vw;
		left: 20vw;
		top: 30%;
	}
	
	aside {
		text-align: center;
		width: 100%;
		top: 70%;
		left: 0;
	}
	
	aside p:nth-child(1) {
		font-size: 6vw;
	}
	
	aside p:nth-child(2) {
		display: none;
	}
	
	#threats .title, #services .title, #privacy .title {
		font-size: 4.5vw;
	}
	
	#threats p, #services p, #privacy p {
		font-size: 2.5vw;
	}

}

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

@media print {

	* {
		display: none;
	}

}