@media only screen and (max-width:1200px) {
	main,
	#footerarea {
		font-size:1.8rem;
	}
	h1 {
		font-size:3.0em;
	}
	h2 {
		font-size:2.5em;
	}
	h3 {
		font-size:1.5em;
	}
	h4 {
		font-size:1.25em;
	}
}

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

	main,
	#footerarea {
		font-size:1.7rem;
	}
	h1 {
		font-size:2.7em;
	}
	h2 {
		font-size:2.1em;
	}
	h3 {
		font-size:1.4em;
	}
	h4 {
		font-size:1.13em;
	}
	.page_width,
	.page_width_kapea {
		max-width: 640px;
		margin:0 auto;
		padding:0;
		text-align:left;
	}
	ul.kirjainlista li {
		text-align: center;
	}
}


@media only screen and (max-width:900px) {
	#top,
	#header {
		font-size: 1.6rem;
	}
	main,
	#footerarea {
		font-size:1.6rem;
	}
}
@media only screen and (max-width:800px) {
	#top,
	#header {
		font-size: 1.4rem;
	}
	main,
	#footerarea {
		font-size:1.4rem;
	}
}



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

	.laatikko {
		padding:1em 2em;
		margin:2em -1em;
	}
}

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

		h1 {
			font-size:2.0em;
		}
		h2 {
			font-size:1.5em;
		}
		h3 {
			font-size:1.3em;
		}
		h4 {
			font-size:1.13em;
		}

}