﻿#wrapper {
	position: relative;
	top: 0px;
	padding-top: 63px;
	width: 100%;
	height: 100%; }
#wrapper .inner {
	position: relative;
	width: 100%;
	height: 100%; }
.page {
	display: block;
	position: absolute;
	height: 86%;
	top: 7%; }
.page.left {
	left: 50%;
	margin-left: 20px; }
.page.right {
	right: 50%;
	margin-right: 20px; }
.page img {
	position: absolute;
	display: block;
	height: 100%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); }
.page.left img {
	left: 0px; }
.page.right img {
	right: 0px; }


/* Handys */
@media only screen and (max-width: 759px) {
	#wrapper {
		position: relative;
		width: auto;
		height: auto;
		padding-top: 0; }
	#wrapper .inner {
		position: relative;
		width: auto;
		height: auto;
		padding: 80px 0px; }
	.page {
		position: static;
		top: initial;
		left: initial !important;
		right: initial !important;
		width: 80%;
		height: auto;
		margin: 0 auto !important; }
	.page.left {
		margin-bottom: 40px !important; }
	.page img {
		position: static;
		width: 100%;
		height: auto; }
	}
}
