html {
	font-size: 8.5px
}

@media only screen and (min-width: 309px) {
	html {
		font-size: 9px
	}
}

@media only screen and (min-width: 327px) {
	html {
		font-size: 9.5px
	}
}

@media only screen and (min-width: 344px) {
	html {
		font-size: 10px
	}
}

@media only screen and (min-width: 361px) {
	html {
		font-size: 10.5px
	}
}

@media only screen and (min-width: 378px) {
	html {
		font-size: 11px
	}
}

@media only screen and (min-width: 395px) {
	html {
		font-size: 11.5px
	}
}

@media only screen and (min-width: 413px) {
	html {
		font-size: 12px
	}
}

@media only screen and (min-width: 430px) {
	html {
		font-size: 12.5px
	}
}

@media only screen and (min-width: 447px) {
	html {
		font-size: 13px
	}
}

@media only screen and (min-width: 464px) {
	html {
		font-size: 13.5px
	}
}

@media only screen and (min-width: 481px) {
	html {
		font-size: 14px
	}
}

@media only screen and (min-width: 498px) {
	html {
		font-size: 14.5px
	}
}

@media only screen and (min-width: 516px) {
	html {
		font-size: 15px
	}
}

@media only screen and (min-width: 533px) {
	html {
		font-size: 15.5px
	}
}

@media only screen and (min-width: 550px) {
	html {
		font-size: 16px
	}
}

@media only screen and (min-width: 550px) {
	html {
		font-size: 8px
	}
}

@media only screen and (min-width: 584px) {
	html {
		font-size: 8.5px
	}
}

@media only screen and (min-width: 619px) {
	html {
		font-size: 9px
	}
}

@media only screen and (min-width: 653px) {
	html {
		font-size: 9.5px
	}
}

@media only screen and (min-width: 688px) {
	html {
		font-size: 10px
	}
}

@media only screen and (min-width: 722px) {
	html {
		font-size: 10.5px
	}
}

@media only screen and (min-width: 756px) {
	html {
		font-size: 11px
	}
}

@media only screen and (min-width: 791px) {
	html {
		font-size: 11.5px
	}
}

@media only screen and (min-width: 825px) {
	html {
		font-size: 12px
	}
}

@media only screen and (min-width: 859px) {
	html {
		font-size: 12.5px
	}
}

@media only screen and (min-width: 894px) {
	html {
		font-size: 13px
	}
}

@media only screen and (min-width: 928px) {
	html {
		font-size: 13.5px
	}
}

@media only screen and (min-width: 963px) {
	html {
		font-size: 14px
	}
}

@media only screen and (min-width: 997px) {
	html {
		font-size: 14.5px
	}
}

@media only screen and (min-width: 1031px) {
	html {
		font-size: 15px
	}
}

@media only screen and (min-width: 1066px) {
	html {
		font-size: 15.5px
	}
}

@media only screen and (min-width: 1100px) {
	html {
		font-size: 16px
	}
}

@media only screen and (min-width: 550px) and (orientation: landscape) {
	html {
		font-size: 16px
	}
	app-header {
		font-size: 12px
	}
}

@media only screen and (min-width: 567px) and (orientation: landscape) {
	html {
		font-size: 16.5px
	}
}

@media only screen and (min-width: 584px) and (orientation: landscape) {
	html {
		font-size: 17px
	}
}

@media only screen and (min-width: 602px) and (orientation: landscape) {
	html {
		font-size: 17.5px
	}
}

@media only screen and (min-width: 619px) and (orientation: landscape) {
	html {
		font-size: 18px
	}
}

@media only screen and (min-width: 636px) and (orientation: landscape) {
	html {
		font-size: 18.5px
	}
}

@media only screen and (min-width: 653px) and (orientation: landscape) {
	html {
		font-size: 19px
	}
}

@media only screen and (min-width: 670px) and (orientation: landscape) {
	html {
		font-size: 19.5px
	}
}

@media only screen and (min-width: 688px) and (orientation: landscape) {
	html {
		font-size: 20px
	}
}

/*@media only screen and (min-width: 705px) and (orientation: landscape) {html{font-size:20.5px}}
@media only screen and (min-width: 722px) and (orientation: landscape) {html{font-size:21px}}
@media only screen and (min-width: 739px) and (orientation: landscape) {html{font-size:21.5px}}
@media only screen and (min-width: 756px) and (orientation: landscape) {html{font-size:22px}}
@media only screen and (min-width: 773px) and (orientation: landscape) {html{font-size:22.5px}}
@media only screen and (min-width: 791px) and (orientation: landscape) {html{font-size:23px}}
@media only screen and (min-width: 808px) and (orientation: landscape) {html{font-size:23.5px}}
@media only screen and (min-width: 825px) and (orientation: landscape) {html{font-size:24px}}
@media only screen and (min-width: 842px) and (orientation: landscape) {html{font-size:24.5px}}
@media only screen and (min-width: 859px) and (orientation: landscape) {html{font-size:25px}}
@media only screen and (min-width: 877px) and (orientation: landscape) {html{font-size:25.5px}}
@media only screen and (min-width: 894px) and (orientation: landscape) {html{font-size:26px}}*/

@media only screen and (min-width: 900px) and (orientation: landscape) {
	html {
		font-size: 13.1px
	}
}

@media only screen and (min-width: 550px) {
	app-header {
		font-size: 12px
	}
}

@media only screen and (min-width: 1100px) and (orientation: landscape) {
	html {
		font-size: 16px
	}
}