body.debug{
	/* visibility: visible; */
}

@media screen and (max-width:319px){
	html{
		font-size:62.5%;
		font-size:calc(7px + (10 - 7) * (100vw - 220px) / (319 - 220));
	}
}

@media screen and (max-width:599px){
	/*
	1.2x = 14px (body text size should be 14px)
	x = 1.2 / 14
	x = 11.666
	16y = 11.666
	y = 0.72916 (72.916% html text size)
	*/
	html{
		/* font-size:72.916%; */
	}
	
	h1{
		/*font-size:38px;*/
		/*font-size:2.3em;*/
		/*font-size:26px;*/
		font-size:1.714em;
		font-size:calc( 24px + (38 - 24) * ((100vw - 320px) / (599 - 320)) );
		font-size:calc( 2.4rem + (38 - 24) * ((100vw - 320px) / (599 - 320)) );
	}

	h2{
		/*font-size:30px;*/
		/*font-size:23px;*/
		font-size:1.5em;
		font-size:calc( 21px + (28 - 21) * ((100vw - 320px) / (599 - 320)) );
		font-size:calc( 2.1rem + (28 - 21) * ((100vw - 320px) / (599 - 320)) );
	}

	h3{
		/*font-size:23px;*/
		/*font-size:20px;*/
		font-size:1.286em;
		font-size:calc( 18px + (21 - 18) * ((100vw - 320px) / (599 - 320)) );
		font-size:calc( 1.8rem + (21 - 18) * ((100vw - 320px) / (599 - 320)) );
	}

	h4{
		/*font-size:18px;*/
		/*font-size:17px;*/
		font-size:1.071em;
		font-size:calc( 15px + (16 - 15) * ((100vw - 320px) / (599 - 320)) );
		font-size:calc( 1.5rem + (16 - 15) * ((100vw - 320px) / (599 - 320)) );
	}	
}

/** Mobile Devices: */
@media screen and (max-width:599px), screen and (max-device-width: 840px){
	/** iOS Issue - Zoom In Fix - Zooms in on form elements that have a font-size less than 16px */
	/*
		.ios textarea,
		.ios select,
		.ios input[type="text"],
		.ios input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]),
		.iphone textarea,
		.iphone select,
		.iphone input[type="text"],
		.iphone input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]),
	*/
	textarea,
	select,	
	input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]){
		font-size:16px!important;
	}
	
	/** iOS Issue - Huge Checkbox Fix */
	/*
		.ios input[type=checkbox],
		.iphone input[type=checkbox],
	*/
	input[type=checkbox]{
		padding: 0!important;
	}	
}



@media screen and (max-width:319px){
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	pre{	
		/*word-break:break-all;*/
		overflow-wrap:anywhere;
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
		hyphens:auto;
	}
}