/* ------------------------------------------------------------- 

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_responsive_media_query
 
------------------------------------------------------------- */


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


	.main
	{
		width:			auto;
		max-width:		none;
	}

	h1.tele
	{
		font-size:			6em;
	}

	h2.tele
	{
		font-size:			1.3em;
	}

	.tabs {
		font-size:			0.9em;
		min-width:			120px;
	}


	img.small
	{
		width:			100%;
		max-width:		auto;
		height:			auto;
	}

	.dl_button
	{
		display:			inline-block;
		font-size:			30px;
		width:				80%;
	}

	.dl_sym
	{
		width:			60px;
	}


	.table_header
	{
		ddddisplay:			inline-block;
		width:				auto;
		
	}
	.table_data
	{
		display:			inline-block;
	}
	.table_header.sitemap
	{
		width:				auto;
		
	}


}

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


	.main
	{
		width:			98%;
		max-width:		none;
	}


	.half_left, .half_right
	{
		display:		block;
		width:			auto;
	}




	.table_header.sitemap
	{
		width:				auto;
		
	}



}

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


	.main
	{
		width:			98%;
		max-width:		none;
	}
}