@media (min-width: 1057px) {

	/* skaalataan fonttikokoa: 3px * (viewportin-leveys-% * 0.4) + (viewportin-korkeus-% * 0.7)   */
	/* skaalataan rivikorkeutta: (bodyn-fonttikoko * 1.1) * (viewportin-leveys-% * 0.3)  */
	body {
		font-size: calc(3px + 0.4vw + 0.68vh);
		line-height: calc(1.05em + 0.3vw);
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	p {
		margin: 0 0 0.5em 0;
	}
	.ylaosa .wrap,
	.wrap {
		max-width: 90vw;
	}
	.palstablokki {
		padding-top: 4vh;
	}
	h1 {
		font-size: calc(32px + 0.5vw);
	}
	h2 {
		font-size: calc(26px + 0.5vw);
	}
	h3 {
		font-size: calc(20px + 0.5vw);
	}
	h4 {
		font-size: calc(16px + 0.5vw);
	}
	h5 {
		font-size: calc(14px + 0.5vw);
	}
	.paanavi {
		position: absolute;
		right: 0;
		width: calc(100% - 215px);
	}
	.paanavi li {
		max-width: none;
	}
	.paanavi a {
		font-size: calc(8px + 0.75vw - 0.1vh);
	}
	.somesekalista {
		text-align: center;
	}
}

.no-font-scaling {
	font-size: 1.3rem;
}


@media (min-width: 1300px) {
	.ylaosa .wrap,
	.wrap {
		max-width: 85vw;
	}
}

@media (min-width: 1550px) {
	.ylaosa .wrap,
	.wrap {
		max-width: 75vw;
	}
}

@media (min-width: 1900px) {
	.ylaosa .wrap,
	.wrap {
		max-width: 70vw;
	}
}

@media (min-width: 2400px) {
	.ylaosa .wrap,
	.wrap {
		max-width: 65vw;
	}
}

@media (min-width: 3000px) {
	.ylaosa .wrap,
	.wrap {
		max-width: 60vw;
	}
}