/* Foundation large screens */
@media only screen and (min-width: 64.063em) {}

/* Foundation medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} 

/* not mega, not small, oude imacs bijv.*/
@media screen and (min-width: 1175px) and (max-width: 1737px) {}

/* Small Screen */
@media screen and (min-width: 1281px) and (max-width: 1400px) {}
@media screen and (min-width: 1281px) and (max-width: 1390px) {}
@media screen and (min-width: 1152px) and (max-width: 1366px) {
	.reveal-modal						{padding-top: 65px;}
	.row .box p							{line-height: 20px;}
}
@media screen and (min-width: 1024px) and (max-width: 1152px) {}

/* Small Screen */
@media only screen and (min-width: 700px) and (max-width: 1280px) {}

/* Tablet */
@media only screen and (min-width: 700px) and (max-width: 1280px) and (orientation:landscape) {}
@media only screen and (min-width: 700px) and (max-width: 1024px) and (orientation:landscape) {	
	
	.maxi .box							{position: relative; top: auto; width: 100%; padding: 2.5rem 1.875rem; 
										 -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
	
	.fc .picker__box:first-child,
	.lc .picker__box:last-child			{padding: 0;}
	.picker__month,
	.picker__year 						{font-size: 22px;}	
	.picker__weekday 					{font-weight: 400; font-size: 14px; line-height: 25px;}
	.picker__day 						{padding: 10px 0; font-size: 14px; line-height: 20px; height: 36px;}
	.navigation ul						{width:80%;}
}
@media only screen and (min-width: 700px) and (max-width: 1280px) and (orientation:portrait) {
	a.btn.positioned					{position: relative; float: right; bottom: auto; right: auto; margin-top: 0.9375rem;}
		
	.maxi .box							{position: relative; top: auto; width: 100%; padding: 2.5rem 1.875rem; 
											 -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
										
	.row p span.month					{width: 48%; float: left; font-weight: 600;}
 	.row p span.price					{width: 48%; float: right; font-weight: 600;}
	
	.fc .picker__box:first-child,
	.lc .picker__box:last-child			{padding: 0;}
	.picker__month,
	.picker__year 						{font-size: 22px;}	
	.picker__weekday 					{font-weight: 400; font-size: 14px; line-height: 25px;}
	.picker__day 						{padding: 10px 0; font-size: 14px; line-height: 20px; height: 36px;}
	.navigation ul						{width:80%;}
}

/* Mobile */
@media only screen and (min-width: 100px) and (max-width: 640px) {
	section.contact						{padding-bottom: 0;}
	.navigation							{padding-right: 0; min-height: 60px; background-color: #fff; border-bottom: 1px solid #000;}
	.navigation ul						{display: none; height: auto; margin: 55px 0 0 0; padding: 0; min-height: 1px; list-style: none;}
	.navigation ul li						{width: 100%; text-align: right; padding: 0 25px; margin: 0;}
	.navigation ul li a					{color: #000; padding: 0; margin: 0; line-height: 30px; min-height: 30px; display: block; border-bottom: 1px solid #efefef;}
	.navigation ul li:last-child a			{border-bottom: 0px;}
	
	.navigation ul li a:hover			{border-color: #efefef;}
	
	.navigation a#pull 					{display: block; width: 100%; position: fixed; height: 60px; line-height: 60px; color: #fff; top: 0; left: 0; font-weight: 700; text-transform: uppercase; text-align: right; padding-right: 25px;}
	.navigation a#pull span				{background: #007a87; box-shadow: 0px 2px 3px rgba(0,0,0,0.75); position: relative; height: 30px; line-height: 30px; display: inline-block; padding: 0 40px 0 10px; text-align: left; font-size: 14px;}
	.navigation a#pull span:after		{content:""; background: url(../img/nav-icon.png) no-repeat center center; width: 25px; height: 20px; display: inline-block; position: absolute; right: 5px; top: 5px;}
	
	
	.maxi .box							{position: relative; top: auto; width: 100%; padding: 1.25rem 0.9375rem; 
										 -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
		
	a.btn.positioned					{position: relative; float: left; bottom: auto; right: auto; margin-top: 0.9375rem;}
	a.btn, .row p.noM-small			{margin-bottom: 0;}
	
	h1									{font-size: 52px; letter-spacing: 1px; line-height: 73px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
	h1 small							{font-size: 16px;} 
	
	.row p span.month					{width: 100%; font-weight: 600;}
	.row p span.price					{width: 25%; margin-bottom: 2px;}	
	
	.fc .picker__box:first-child,
	.lc .picker__box:last-child			{padding: 0;}
	.picker__month,
	.picker__year 						{font-size: 22px;}	
	.picker__weekday 					{font-weight: 400; font-size: 14px; line-height: 25px;}
	.picker__day 						{padding: 10px 0; font-size: 14px; line-height: 20px; height: 36px;}
		
	#map_canvas						{position: relative; left: auto; bottom: auto; width: 100%; height: 200px;}
	
	.reveal-modal						{position: relative; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
	.reveal-modal .btn.right			{float: left !important; margin-top: 10px;}
	
	.reveal-modal textarea,
	.reveal-modal textarea:focus		{height: 100px;}
	.pointerDown {bottom:30px;margin-left:-30px;}
}
@media only screen and (min-width: 100px) and (max-width: 640px) and (orientation:landscape) {}

/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {}


/* ------------------------------------------------------------------------------------------------------------------------------------------------ DEVICE GERICHT ----------- */

/* iPhone 3G ----------- */
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1){}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {}

/* iPhone 5 / Retina ----------- */
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {}

/* Samsun Galaxy S2 ----------- */
@media screen and (device-width: 320px) and (device-height: 533px) and (-webkit-device-pixel-ratio: 1.5) {}

/* Samsun Galaxy S3 ----------- */
@media only screen and (-webkit-device-pixel-ratio: 2) {}