header {
	display: grid;
	grid-template-rows: auto;
	grid-gap: 30px 0;
	background-attachment: fixed;
	padding: 0px;
	align-items: center;
	justify-items: center;
	background: #000;
	color: #FFF;
	overflow: hidden;
	position: relative;
}
header, #mainbanner, #slidebanner, .darken {
	width: 100vw;
	height: 100vh;
	padding: 0px;
	margin: 0px;
}
#mainbanner, #slidebanner, .darken {
	position: absolute;
	padding: 0px;
	margin: 0px;
	right: 0px;
	left: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 0;
}
#mainbanner {
	display: grid;
	grid-template-columns: auto;
	grid-gap: 0;
	justify-items: center;
	align-items: center;
	text-align: center;
	transform: none;
}
#slidebanner {
	transform: translateX(100vw);
}
.darken {
	background: rgba(0, 0, 0, 0.4);
	z-index: 80;
	display: grid;
	grid-template-columns: auto;
	grid-gap: 0;
	justify-items: center;
	align-items: center;
	text-align: center;
	padding: 0 50px;
	width: calc(100vw - 100px);
}

/* Personalizações do header */
header section {
	max-width: 50vw;
	animation-fill-mode: forwards;
}
header span {
	font-size: 16px;
}
/* Título do banner - personalizar em site.css */
header h3, header h3 * {
	font-size: 72px;
}
header .button a {
	display: inline-block;
	vertical-align: top;
	color: #FFF;
	text-transform: uppercase;
	padding: 7px 25px;
	border: #FFF 1px solid;
}
header .button a:hover {
	color: #000;
	background: #FFF;
}

/* Banners */
.link_on {
	cursor: pointer;
	cursor: hand;
}
.banner_in {
	animation: banner_in 1.5s cubic-bezier(.785,.135,.15, .86);
}
.banner_out {
	animation: banner_out 1.7s cubic-bezier(.785,.135,.15, .86);
}

@keyframes banner_in {
	0% {
		background-position: -87vw center;
		transform: translateX(100vw) scale3d(1.3, 1.3, 3);
	}
	100% {
		background-position: center center;
		transform: translateX(0px) scale3d(1, 1, 1);
	}
}

@keyframes banner_out {
	0% {
		transform: translate(0px);
	}
	100% {
		transform: translateX(-20vw) scale3d(1.2, 1.2, 1);
	}
}