@media screen and (min-width: 1440px) {

	html
	{
		font-size:40px !important;
	}
	
}

@media screen and (min-width: 1920px) {

	html
	{
		font-size:32px !important;
	}

}



html, body
{
	height: 100%;
	width: 100%;
	position:relative;
/*	transition:all 1s ease;*/
}

.rotate
{
	transform: rotate(-90deg);
	transform-origin: left top;
}

.rotate.preview
{
	transform: rotate(0deg) scale(0.5625) translateY(-100vw) translateX(calc(1.77777 * 50vw - 25vw));
}

#thumbnail
{
	background-color:;
	background-size:contain;
	background-position:center;
    background-repeat: no-repeat;
}

#meter
{
	left:0;
	top:0;
}