/*body {	font-size: 1px;	}*/

	html
		{	background: url("../images/flowerBgMed.png") no-repeat bottom center fixed;
			height: 20%;}

	.beeContainer
		{	width: 100%; 
			height: 108px;
			text-align: right;}

	.bee 	{	width: 191px;
				height: 162px;	
				margin-top:10px;
				margin-right:10px;}

	#container
		{ 	width:100%;
			margin-left: auto;
			margin-right: auto;
		}

	h1
		{ 	font-family: 'Lora', Georgia, serif; 
			font-weight: 400;
			font-size: 350%;
			text-align: center;
			margin-top:2%;  }

	p 	{	font-family: 'Lora', Georgia, serif;	}

	.samStats 
		{ 	font-family: 'Lora', Georgia, serif; 
			font-weight: 400;
			font-size: 130%;
			text-align: center;}

	.line
		{	position:relative;
			top:-2px;
			margin:0 10px;	}


	.callToActions
		{ 	width: 50%;
			margin-left: auto;
			margin-right: auto;
			margin-top: 5%;	}

	.callToActions div p 
		{ 	text-align: center; }

	.bezoekColumn
		{ 	float:left;
			width: 50%; }

	.verlanglijstjeColumn
		{ 	float:right;
			width:50%;}

	.button 
		{ 	background-color: #F9D600;
			border-radius: 3px;
		    border: none;
		    color: black;
		    padding: 12px;
		    width: 80%;
		    text-decoration: none;
		    display: block;
		    font-family: 'Lora', Georgia, serif;
		    font-size: 120%;
		    font-style: italic;
		    text-align: center;
		    margin-left: auto;
		    margin-right: auto; }

	.emoji
		{ 	font-style: normal;
			font-size: 150%;
			position:relative;
			top:2px;	}

/*	.footer
		{	width: 100%;
			height: 301px;	
			background: url("../images/flowerBgBig.png") no-repeat bottom center fixed;
			}*/

@media screen and (max-device-width: 768px) {

	.callToActions
		{ 	width: 80%;}
}

@media screen 
	and (max-device-width: 768px)
	and (orientation: portrait)
		 {
		 	html
		 		{ background: url("../images/flowerBgBig.png") no-repeat bottom center fixed;
					background-size: 768px;
		 }

@media screen 
	and (max-device-width: 1024px)
	and (orientation: landscape)
		 {
		 	.samName
				{	margin-top:0%;	}

			html { size: 110%;}
		 }

	.callToActions
		{ 	width: 80%;}
}

@media only screen 
and (max-device-width : 667px) { 

	html	
		{	background: unset; }

	.beeContainer { display: none; }

	.samName br 
		{ display: normal; }

	.samName	
		{	font-size: 62px;
			line-height: 72px;
			margin-top: 15%;	}

	.firstName	
		{	font-size: 202px;	}

	.samStats	
		{	font-size: 32px;
			margin-top:20px;
			margin-bottom: 15%;	}

	.description 
		{ display: none; }


	.callToActions
		{ 	width: 80%;
			margin-left: auto;
			margin-right: auto;	}

	.bezoekColumn
		{ 	float:none;
			width: 100%}

	.verlanglijstjeColumn
		{ 	float:none;
			width: 100%	}

	.button
		{	width:750px;
			height:90px;
			font-size: 48px;
			margin-left: auto;
			margin-right: auto;
			border-radius: 10px;
			padding-top:45px;}

	.verlanglijstjeColumn .button
		{	margin-top:-80px; }

	.disclaimer
		{	position:relative;
			top:180px;
			left:20px;
			font-size:36px;
			width: 750px;}

	.emoji
		{ 	display: none;}

	.footer
		{	width: 980px;
			height: 798px;
			background-color: red;
			margin-left: auto;
			margin-right: auto;
			margin-top:100px;
			background: url("../images/flowerBgSmall.png") no-repeat bottom center fixed;
			}

 }









@media only screen 
and (min-device-width : 667px) { 

	.samName br { display: none; }
}