/* Header */
.intro-effect-header {
	position: relative;
	margin: 0 auto;
	min-height: 560px;
	width: 100%;
	height: 100%;
}

.intro-effect-bg-img {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.intro-effect-bg-img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	min-width: 100%;
	min-height: 100%;
}

.intro-effect-title {
	z-index: 1000;
	margin: 0 auto;
	padding: 0 1.25em;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.intro-effect-title h1 {
	padding: 0 0 0.2em;
	font-weight: 800;
	font-size: 4em;
	/*text-shadow: 3px 2px 5px #484848;*/
	margin: 0 auto;
}

.intro-effect-fadeout  div.intro-effect-title,
.intro-effect-sliced  div.intro-effect-title,
.intro-effect-side  div.intro-effect-title,
.intro-effect-jam3  div.intro-effect-title {
	top: 50%;
}

.intro-effect-title p {
	padding: 0 0 0.6em;
	font-weight: 300;
	font-size: 0.85em;
	margin: 0 auto;
}

.intro-effect-title h1,
.intro-effect-title p.intro-effect-subline {
	line-height: 1;
}

.intro-effect-title p.intro-effect-subline {
	font-size: 1.75em;
}

/* Trigger Button */
button.intro-effect-trigger {
	position: fixed;
	bottom: 40px;
	left: 50%;
	z-index: 5000;
	display: block;
	margin-left: -15px;
	padding: 0;
	border: none;
	background: transparent;
	color: transparent;
	cursor: pointer;
}

.intro-effect:not(.notrans) button.intro-effect-trigger {
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.intro-effect.modify:not(.notrans) button.intro-effect-trigger {
	opacity: 0;
	pointer-events: none;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

button.intro-effect-trigger::before {
	position: absolute;
	bottom: 100%;
	left: -100%;
	padding: 0.8em;
	width: 300%;
	color: #fff;
	content: attr(data-info);
	font-size: 0.35em;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

button.intro-effect-trigger:focus {
	outline: none;
}

button.intro-effect-trigger span {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

/* Media Queries */
@media screen and (max-width: 47em) {
	.intro-effect-title, .content {
		font-size: 70%;
	}

	.intro-effect-side .intro-effect-title {
		width: 100%;
		padding: 0 1em;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.intro-effect-side.modify .intro-effect-bg-img::before {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.intro-effect-side .intro-effect-bg-img::after {
		border-left-width: 0px;
		border-right-width: 0px;
		right: 0px;
		left: 0px;
		background: rgba(255,255,255,0.1);
	}

	.intro-effect-side.modify .intro-effect-bg-img::after {
		background: rgba(255,255,255,0.8);
	}

	.intro-effect-sidefixed .content {
		width: 100%;
		margin-left: auto;
	}

	.intro-effect-sidefixed .intro-effect-bg-img::after {
		width: 95%;
	}

}

@media screen and (max-width: 27em) {
	.intro-effect-jam3 .content {
		padding: 0 2em 5em;
	}

	.intro-effect-grid .grid li h2 {
		display: none;
	}

	.intro-effect-push .intro-effect-header .intro-effect-title {
		top: 60px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.intro-effect-title, .content {
		font-size: 50%;
	}

	button.trigger::before {
		display: none;
	}
}