﻿.text_wrapper {
	padding: 120px 0px; }
.text_wrapper .title {
	width: 50%;
	margin: 0px auto 40px;
	text-align: center;
	font-family: "Chalk it up";
	font-size: 40px; }
.text_wrapper .text {
	width: 50%;
	margin: auto; }


.video_wrapper {
	background: #0C0A0C; }
.video_wrapper .inner {
	position: relative;
	width: 68%;
	margin: auto; }
.video_wrapper .placeholder {
	display: block;
	width: 100%; }
.video_wrapper .video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px; }

#slideshow {
	overflow: hidden;
	position: relative;
	height: 60%; }
#slideshow .image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center; }
#slideshow .image {
	-webkit-transform: translateX(100%); }
#slideshow .image.left {
	-webkit-transform: translateX(-100%);
	-webkit-transition: all 0.5s; }
#slideshow .image.right {
	-webkit-transform: translateX(100%);
	-webkit-transition: all 0.5s; }
#slideshow .image.active {
	-webkit-transform: translateX(0);
	-webkit-transition: all 0.5s; }
#slideshow .arrow {
	position: absolute;
	z-index: 10;
	top: 50%;
	height: 12%;
	-webkit-transform: translateY(-50%);
	cursor: pointer; }
#slideshow .arrow.next {
	right: 2%; }
#slideshow .arrow.prev {
	left: 2%; }

#links {
	padding: 130px 0px; }
.links .left {
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 50px; }
.links .right {
	float: left;
	width: 50%;
	text-align: left;
	padding-left: 50px; }
.link {
	display: inline-block;
	position: relative;
	color: inherit;
	font-size: 24px;
	text-decoration: none; }


/* Handys */
@media only screen and (max-width: 759px) {
	.text_wrapper {
		padding: 80px 0px; }
	.text_wrapper .title {
		width: 80%;
		font-size: 30px;
		line-height: 32px; }
	.text_wrapper .text {
		width: 80%; }

	.links .left, .links .right {
		float: none;
		width: 100%;
		padding: 0;
		text-align: center; }
	.links .left {
		margin-bottom: 20px; }
	.links .link {
		font-size: 20px; }

	.video_wrapper .inner {
		width: 100%; }

	#slideshow {
		height: 50%; }

	#links {
		padding: 80px 0px; }
}
