* {
	box-sizing: border-box;
	-webkit-appearance: none;
	text-rendering: auto;
	border-radius: 0;
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
	background: #EFEFEF;
}

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

textarea:focus,button:focus {
	outline: none;
}

textarea {
	display: inline-block;
	margin: 2vw 0;
	padding: 2vw;
	width: 100%;
	height: 16vw;
/* */
	line-height: 1.5;
	font-family: 'SFMono', monospace;
	font-weight: 500;
	font-size: 1.5vw;
	color: #000000;
/* */
	background: #FFFFFF;
	border-radius: 0.5vw;
	border: none;
	resize: none;
}

::selection {
	background: rgba(208, 2, 27, 1);
	color: #FFFFFF;
}

::-moz-selection {
	background: rgba(208, 2, 27, 1);
	color: #FFFFFF;
}

img { border: none; }

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

header {
	padding: 10vw 0 0 10vw;
	height: 57vw;
	width: 100%;
/* */
	line-height: 0.9;
	text-transform: uppercase;
	font-family: 'TIActu', sans-serif;
	font-weight: 900;
	font-size: 7vw;
	color: #FFFFFF;
/* */
	background: url(../img/bg.png) #000000;
	background-position: 75% 50%;
	background-repeat: no-repeat;
	background-size: 35%;
}

logo {
	margin-bottom: 3vw;
	display: block;
	height: 6vw;
	width: 10vw;
/* */
	background: url(../img/logo.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

aside {
	margin-top: 3vw;
/* */
	line-height: 1.5;
	text-transform: none;
	font-family: 'Avenir', sans-serif;
	font-weight: 500;
	font-size: 1.3vw;
	color: #FFFFFF;
}

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

section {
	padding: 8vw 20vw 8vw 10vw;
/* */
	line-height: 2;
	font-family: 'Avenir', sans-serif;
	font-weight: 500;
	font-size: 1.3vmax;
}

section p {
	margin-bottom: 1vmax;
}

.light {
	background: #EFEFEF;
	color: #000000;
}

.light a {
	display: inline-block;
/* */
	font-family: 'SFMono', monospace;
	font-size: 1.3vw;
	font-weight: 700;
/* */	
	color: #000000;
	border-bottom: 0.4vw solid #FF0000;
}

.light a:hover {
	color: #FF0000;
}

.dark {
	background: #000000;
	color: #FFFFFF;
}

.dark a {
	display: inline-block;
/* */
	font-family: 'SFMono', monospace;
	font-size: 1.3vw;
	font-weight: 700;
/* */	
	color: #FFFFFF;
	border-bottom: 0.4vw solid #FF0000;
}

.dark a:hover {
	color: #FF0000;
}

.gray {
	background: #555555;
	color: #FFFFFF;
}

.details p {
        line-height: 1.7;
}

.gray a {
        display: inline-block;
/* */
        font-family: 'SFMono', monospace;
        font-size: 1.3vw;
        font-weight: 700;
/* */
        color: #FFFFFF;
        border-bottom: 0.4vw solid #FF0000;
}

.gray a:hover {
        color: #FF0000;
}

.title {
	text-transform: uppercase;
	font-family: 'TIActu', sans-serif;
	font-weight: 900;
	font-size: 4vmax;
}

.subtitle {
	font-size: 2.5vmax;
}

.heading {
	margin-bottom: 3vmax;
/* */
	line-height: 1.2 !important;
	font-family: 'Avenir', sans-serif;
	font-weight: 300;
	font-size: 3vmax;
	color: #FF0000;
}

/* -------------------- DANGER -------------------- */

.email {
	display: inline-block;
	margin: 2vw 0;
	padding: 2vw;
	width: 100%;
/* */
	line-height: 1.5;
	font-family: 'SFMono', monospace;
	font-weight: 500;
	font-size: 1.5vw;
	color: #FF0000;
/* */
	background: #270606;
	border-radius: 0.5vw;
	box-shadow: inset 0px 0px 3vw 0.5vw rgba(0, 0, 0, 0.5);
}

#alert {
	display: inline-block;
	padding: 0.1vw 0.5vw;
/* */
	color: #FF0000;
/* */
	background: #270606;
	border-radius: 0.2vw;
}

/* -------------------- SOLUTION -------------------- */

.normal {
	display: inline-block;
	padding: 0.5vw 0.4vw;
	margin-right: 0.1vw;
/* */
	line-height: 1;
	font-family: 'SFMono', monospace;
	font-weight: 500;
	font-size: 1vw;
	color: #999999;
/* */
	background: #111111;
}

.notice {
	display: inline-block;
	padding: 0.5vw 0.4vw;
	margin-right: 0.1vw;
/* */
	line-height: 1;
	font-family: 'SFMono', monospace;
	font-weight: 900;
	font-size: 1vw;
	color: #FF0000;
/* */
	background: #61000C;
}

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

.indent {
	margin-left: 2vw !important;
}

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

@media only screen
and (orientation: portrait) {

	header {
		height: 60vw;
	}

	section {
		padding: 10vw;
	}

}

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

@media print {

	* {
		display: none;
	}

}