/* ==========================================================================
   Author's custom styles
   ========================================================================== */
	 
@font-face {
font-family: 'TEX';
src: url('texgyreadventor-regular-webfont.eot');
src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('texgyreadventor-regular-webfont.woff') format('woff'),
		 url('texgyreadventor-regular-webfont.ttf') format('truetype'),
		 url('texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
font-weight: normal;
font-style: normal;

}

html {
	height:100%;
}
body {
	height:100%;
	width:100%;
	font-family: "TEX", sansserif;
}

header {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 50%;
	max-width: 1000px;
	height: 50%;
	max-height: 238px;
	background: url('../img/verena-hasler_header.png') no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	z-index: 20;
}

aside {
	width: 50%;
	max-width: 800px;
	height: 80%;
	max-height: 555px;
	background: url('../img/verena-hasler_koefferchen.jpg') no-repeat 0 100%;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	
	top: 15%;
	right: 0;
}

main {
	position: absolute;
	top: 30%;
	left: 10%;
	font-size: 2rem;
	padding: 0;
	z-index: 10;
	max-width:80%;
}

p, img {
	line-height: 1.5;
	max-width: 80%;
	margin: 1rem 0;
}


a {
	display: inline-block;
	background-color: #c0091f;
	border: 5px solid #fff;
	border-radius: 36px;
	-webkit-box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.35);
	box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.35);
	padding: 1rem 2rem;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin-top: 1rem;
}

a:hover {
	-webkit-box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.5);
					box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.5);
}

@media only screen and (max-width:960px) {
	main {
	font-size: 1rem;
	}
}