body, html {
	height: 		100%;
	margin: 		0px;
	padding: 		0px;
}

hr {
	width:			90%;
	display: 		block;
	height: 		1px;
	border: 		0;
	border-top: 		1px solid #cccccc;
	padding: 		0; 
}

.hidden {
	display: none;
}

.grecaptcha-badge { 
    visibility: hidden;
}

.grecaptcha-branding {
	font-family: 'Saira Extra Condensed', sans-serif;
	font-size: 13pt;
}

.top {
	height:			50px;
	background-color:	#ffffff;
	color:			#3e5d06;
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		18pt;
	padding:		10px 0px 0px 0px;
	text-align:		center;
}

.top_border {
	height:			60px;
	background-color:	#97d50e;
	border-bottom:		1px solid #cccccc;
}

.main_picture { 
	height: 		50%; 
	background-position: 	50% 50%;	
	background-repeat: 	no-repeat;
	background-size: 	cover;
	box-shadow: 		0px 2px 2px #aaaaaa;
//	filter: 		blur(4px);
//	-webkit-filter: 	blur(4px);
	z-index:		0;
}

.main_picture_text { 
	width:			600px;
	left:			50%;

	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		24pt;
	text-align:		center;
	color: 			white; 
	line-height: 		120%;
//	text-shadow: 		#555555 0em 0em 0.3em;

	position: 		relative;
	float: 			center;
	top: 			50%;
	transform: 		translate(-50%, -50%);

	z-index:		10;
	background-color:	rgba(0, 0, 0, 0.6);
	border-radius: 		15px;

}

.main_picture_text_padding {
	padding:		30px;
}

.slogan_div { 
	padding:		50px 0px 50px 0px;

}

.slogan_title { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		32pt;
	text-align:		center;
	color: 			black; 
	line-height: 		120%;
}

.slogan_text { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		22pt;
	text-align:		center;
	color: 			black; 
	line-height: 		120%;
	width:			600px;
}

.slogan_hr { 
	background-color:	#97d50e;
	width:			400px;
	height:			2px;
	margin-top:		20px;
	margin-bottom:		20px;
}


.products_div { 
	background-color:	#eeeeee;
	padding:		50px 0px 50px 0px;

}

.products_box { 
	width:			480px;
	background-color:	#ffffff;
	border-radius: 		10px;

}

.products_box_title { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		32pt;
	padding:		10px 0px 0px 0px;
}

.products_box_sub { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		20pt;
	line-height: 		100%;
	padding:		10px 20px 0px 20px;
}

.products_box_element { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		19pt;
	padding:		5px 0px 5px 0px;
}

.products_box_price { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		42pt;
	font-weight:		bold;
	line-height: 		100%;
	padding:		20px 20px 0px 20px;
}

.products_box_price_sub { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		14pt;
	color:			#777777;
	line-height: 		100%;
	padding:		10px 20px 20px 20px;
}

.products_hr { 
	margin-top:		20px;
	background-color:	#97d50e;
	width:			80%;
	height:			2px;

}

.contact_div { 
	background-color:	#eeeeee;
	padding:		30px 0px 50px 0px;

}

.contact_title { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		28pt;
	padding:		10px 0px 10px 0px;
}

.contact_input { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		18pt;
	padding:		0px 0px 0px 8px;
	width:			300px;
	color:			#999999;
	margin-right:		10px;
	margin-bottom:		10px;
}

.contact_button { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		18pt;
	background-color:	#97d50e;
	border:			0px;
	width:			250px;
	text-align:		center;
	cursor:			pointer;
	color:			#000000;
	margin-right:		10px;
	margin-top:		10px;
}

.contactform_sent {
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		22pt;
	color:			#555555;
	text-align:		center;
	padding:		10px;
	border-radius: 		15px;	
}

.usp_div { 
	padding:		50px 0px 50px 0px;

}

.usp_box { 
	width:			300px;
	height:			550px;
	background-color:	#f7f7f7;
	display:		inline-block;
	margin-right:		20px;
	margin-left:		20px;
	vertical-align:		top;

}

.usp_title { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		22pt;
	text-align:		left;
	color: 			black; 
	line-height: 		120%;
	padding:		15px 20px 10px 10px;
}

.usp_text { 
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		17pt;
	text-align:		left;
	color: 			black; 
	line-height: 		120%;
	padding:		10px 20px 0px 10px;
}

.usp_hr { 
	background-color:	#97d50e;
	width:			200px;
	height:			2px;
	margin-left:		10px;
}


.top_menu_links {
	display:		block;
	margin-right:		5%;
}

.top_menu_links a {
	display:		inline-block;
	padding:		10px 10px 10px 10px;
	font-family: 		'Roboto', sans-serif;
	font-size:		9pt;
	text-decoration:	none;
	color:			#ffffff;
	cursor:			pointer;
	text-transform: 	uppercase;
	border-bottom:		2px solid #ffffff;
}

.top_menu_links a:hover {
	border-bottom:		2px solid #45775c;
}

.top_menu_menu_button {
	display:		none;
	margin-right:		5%;
	padding:		10px 10px 10px 10px;
	font-family: 		'Roboto', sans-serif;
	font-size:		11pt;
	text-decoration:	none;
	color:			#45775c;
	cursor:			pointer;
	text-transform: 	uppercase;
	border-bottom:		2px solid #ffffff;
}

.all_inclusive {
	padding:		0px 0px 30px 0px;
}

.bottom {
	height:			70px;
	background-color:	#333333;
	color:			#ffffff;
	font-family: 		'Saira Extra Condensed', sans-serif;
	font-size:		14pt;
	padding:		25px 0px 0px 50px;
}


/* MEDIA QUERIES */

/* for 950px or less */
@media screen and (max-width: 1050px) {

	.products_box { 
		margin-bottom:		20px;
	}

	.usp_box { 
		margin-bottom:		20px;
	}

}

/* for 500px or less */
@media screen and (max-width: 600px) {

	.main_picture_text { 
		width:			360px;
		left:			50%;
		font-size:		18pt;
		line-height: 		120%;
		position: 		relative;
		float: 			center;
		top: 			50%;
		transform: 		translate(-50%, -50%);
	}
	
	.products_box { 
		display:		block;
		margin-bottom:		20px;
	}

	.slogan_title { 
		font-size:		28pt;
	}
	
	.slogan_text { 
		font-size:		20pt;
		line-height: 		120%;
		width:			340px;
	}

	.slogan_hr { 
		background-color:	#97d50e;
		width:			340px;
		height:			2px;
	}


	.products_box { 
		width:			360px;
	}


	.contact_title { 
		font-size:		24pt;
	}

}