header {
	background-color: var(--blue);
	z-index: 1;
}

header a.logo {
	padding-bottom: 10px;
	display: inline-block;
}

body.top header a.logo picture:first-child { display: none; }

body:not(.top) header a.logo picture:last-child { display: none; }

header a.button {
	border: 3px solid #FFF;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	transition: background-color 0.5s;
}

header a.button:hover { background-color: var(--orange); }

@media (max-width: 859.999px) {
	header a.button {
		margin: 10px;
		padding: 6px 15px 5px 15px;
	}
}

@media (min-width: 860px) and (max-width: 1279.999px) {
	header a.button {
		margin: 5px 15px;
		padding: 9px 20px 8px 20px;
	}
}

@media (min-width: 1280px) {
	header a.button {
		margin: 15px;
		padding: 11px 20px 10px 20px;
	}
}

@media (min-width: 1400px) {
	body.top header a.logo picture:last-child img {
		width: 260px;
		height: 70px;
	}
}