header {
	height: 100vh;
	display: flex;
    flex-flow: column nowrap;
	color: white;
}

header a {
	color: inherit;
}

header:before {
	content:'';
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/fond-17628.png);
	background-size: cover;
	background-position: center;
	filter: brightness(0.4);
	z-index: -1;
} 

header section#navigation {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	padding-top: 3rem;
}

header section#navigation h1 {
	padding: 1em;
	border: 1px solid white;
}

header section#introduction {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-evenly;
	height: 100%;
}

header section#introduction blockquote {
	font-size: 2em;
	margin-top: -25px;
}

header section#introduction blockquote cite {
	font-size: 0.5em;
}

header section#introduction div.call-to-action{
	margin-top: -25px;
}

header section#introduction div.call-to-action a {
	border: 1px white solid;
	border-radius: 8px;
	padding: 10px 20px;
	margin-left: 20px;
}

header section#introduction div.call-to-action a:hover {
	background-color: rgba(255, 255, 255, 0.4);
	transition: background-color 0.25s;
}