*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}


body{
	font-family: Lato;
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	background:url(images/bg-pattern.png)
}


.wrapper{
	width: 818px;
	height: 595px;
	margin:80px auto 0 auto;
	background:#6a7077 url(images/bg-wrapper.png);
	position:relative;
}


#logo{
	width: 220px;
	height: 214px;
	background:url(images/logo.png);
	position:absolute;
	left:96px;
	top:56px;
	font-size:0.5px;
	text-indent:-999999;
	color:#6a7077
}

#content{
	position:absolute;
	width:320px;
	left:40px;
	top:310px;
	
}

p,h3{
	margin-bottom:16px;
}

#content strong{
	font-weight:700
}


#klein-geluk{
	position:absolute;
	bottom:70px;
	right:48px;
	font-family: Lato;
	color: #1c1c1b;
	font-size: 33px;
	font-weight: 300;
	line-height: 19px;
}


footer{
	color: #d61e82;
	text-align:center;
	margin-top:24px;
	font-weight:500
}

footer a{
	color: #d61e82;
	text-decoration:none;
}


#image{ display:none; }

footer span.hide{ margin:0 16px }

a#contactTopMobile{ display:none; }

@media only screen and (max-width: 768px) {
	.wrapper{ 
		background:#FFF;
		width:100%;
		margin:0;
		height:auto;
	}
	
	a#contactTopMobile{
		position:absolute;
		top:8px;
		right:8px;
		color:#E1097E;
		text-decoration:none;
		font-weight:600;
		display:block;
		text-transform:uppercase;
		z-index:999
	}
	
	#logo{
		top:0;
		left:0;		
		background-repeat:no-repeat;
		background-position:center;
		background-image:url(images/logo-mobile.png);
		background-size: 110px;
		text-align:center;
		width:100%;
		position:relative;
		height:120px;
		color:#FFF;
	}
	
	#content{
		background:#6a7077;
		width:100%;
		left:0;
		top:0;
		position:relative;
		padding:16px;
		text-align:justify
	}
	
	#image{
		display:block;
		height:597px;
		background:url(images/baby-768.jpg);
		background-size:cover;
		background-position:top center 
	}
	
	#klein-geluk{
		top:640px;
		right:24px;
		font-size:22px;
		font-weight:500
	}
	
	footer{
		margin-bottom:48px;
	}
	
	footer span.show{ display:block; margin-bottom:8px; }
	footer span.hide{ display:none; }	
}

@media only screen and (max-width: 360px) {
	#image{
		height:249px;
		background:url(images/baby-360.jpg);
		background-size:cover;
		background-position:top center 
	}
	#klein-geluk{
		top:340px;
	}	
}