/* Intro */

/* Animation */

.GalleryWrapper:before {
	font-size: 380px;
	top: 50%;
	transition: opacity 700ms ease-in-out;
}
.GalleryWrapper > .logo {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin: 77px 0 0 -165px;
	opacity: 0;
	transition: opacity 700ms ease-in-out 300ms;
}
body:not(.notransition) .GalleryWrapper > .logo {
	opacity: 1;
}
.GalleryWrapper > .links {
	left: 50%;
	margin: 230px 0 0 -165px;
	position: absolute;
	top: 50%;
	z-index: 2;
	opacity: 0;
	transition: opacity 700ms ease-in-out 1500ms;
}
body:not(.notransition) .GalleryWrapper > .links {
	opacity: 1;
}
.GalleryWrapper > .links > li {
	float: left;
}
.GalleryWrapper > .links > li + li {
	margin-left: 10px;
}
.GalleryWrapper > .links > li > a {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
	transition: all 400ms ease-in-out;
	width: 164px;
}
.GalleryWrapper > .links > li:nth-child(2) > a {
	background: #BC4F4C;
	border-color: #BC4F4C;
}
.GalleryWrapper > .links > li:nth-child(1) > a:hover {
	background: #FFFFFF;
	color: #BC4F4C;
}
.GalleryWrapper > .links > li:nth-child(2) > a:hover {
	background: #B0302C;
}
.GalleryWrapper > .scrollDown {
	bottom: -178px;
	height: 140px;
	transition: bottom 1800ms ease-in-out 1800ms;
}
body:not(.notransition) .GalleryWrapper .scrollDown {
	bottom: 0;
}
.GalleryWrapper > .animationWrapper:after {
	background: #000000;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0.3;
	z-index: 1;
}
.GalleryWrapper ul > li:after {
	display: none;
}
.micAnimation > ul > .slide > .textBox.textWrap {
	display: none;
}

@media all and (max-width: 980px){

	.GalleryWrapper:before {
		font-size: 250px;
	}
	.GalleryWrapper > .logo {
		width: 350px;
		margin-left: -145px;
		margin-top: 50px;
	}
	.GalleryWrapper > .links {
		margin-left: -142px;
		margin-top: 150px;
	}
	.GalleryWrapper > .links > li > a {
		width: 138px;
	}
	.GalleryWrapper > .scrollDown {
		height: 45px;
	}

}
@media all and (max-width: 500px){

	.GalleryWrapper:before {
		font-size: 175px;
	}
	.GalleryWrapper > .logo {
		width: 187px;
		margin-left: -78px;
		margin-top: 40px;
	}
	.GalleryWrapper > .links {
		margin-left: 0;
		margin-top: 0;
		left: 20px;
		right: 20px;
		bottom: 30px;
		top: auto;
	}
	.GalleryWrapper > .links > li {
		width: 48%;
	}
	.GalleryWrapper > .links > li + li {
		margin-left: 4%;
	}
	.GalleryWrapper > .links > li > a {
		width: 100%;
	}
	.GalleryWrapper:before {
		font-size: 47vw;
		top: 45%;
	}
	.GalleryWrapper > .logo {
		width: 49vw;
		margin-left: -21vw;
		margin-top: 10vw;
		top: 45%;
	}

}