html {
	height:100%;
}

body {
	background-color:white;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:26px;
	letter-spacing:1.4px;
	margin:0px;
	height:100%;
}

.main-wrap {
	display:table;
	width:900px;
	margin:0 auto;
	height:100%;
}

#wrapper {
	background-image:url('stift.jpg');
	background-repeat:no-repeat;
	background-size:110px auto;
	background-position:top 25px left 0px;
	display:table-cell;
	vertical-align:middle;	
	padding-left:150px;
	padding-right:15px;
}


h2 {
	font-size:140px;
	color:#f067a6;
	text-transform: uppercase;
	font-weight:600;
	margin:0px;
	letter-spacing:30px;
	display:inline-block;
	padding-right:25px;
	line-height:150px;
	padding-bottom:15px;

}

h3 {
	font-size:55px;
	color:black;
	font-weight:500;
	margin:0px;
	line-height:70px;
	padding-bottom:25px;
	letter-spacing:5px;
}

h1 {
	font-size:20px;
	padding-bottom:0px;
	margin:0px;	
	font-weight:400;
}

a {
	color:#f067a6;
	text-decoration:none;	
}

p {
	margin-top:0px;
	margin-bottom:22px;
}

.small {
	font-size:22px!important;
}

.mobile {
	display:none;
}

/* ================= Mobile (Portrait) < 960px ================= */
@media only screen and (max-width: 960px)
{

	.main-wrap {
		width:100%;
		display:block;
	}
	
	#wrapper {
		padding:20px;
		display:block;
	    background-size:80px auto;
	    padding-left:100px;
	}
	
	h2 {
		font-size:50px;
		line-height:60px;
		letter-spacing:10px;
		display:block;
		
	}
	
	h3 {
		margin-top:20px;
     	font-size:40px;
     	line-height:48px;
	}

}

/* ================= Mobile (Portrait) < 960px ================= */
@media only screen and (max-width: 400px)
{


body,
.small {
	font-size:21px!important;
}

.desktop {
	display:none;
}
.mobile {
	display:block;
}
 }