@mixin landscape
{
	@media only screen and (orientation: landscape) and (min-width: 600px)
	{
		@content;
	}
}

@mixin landscape_hd
{
	@media only screen and (orientation: landscape) and (min-width: 1280px)
	{
		@content;
	}
}

@mixin mobile
{
	@media only screen and (orientation: portrait)
	{
		@content;
	}
}


:root
{
	font-size: 1vw; // Don't change this ever. This sets up the "rem" unit size.

	@include landscape_hd()
	{
		font-size: 12.8px; // Don't change this ever. This sets up the "rem" unit size.
	}

	@include mobile()
	{
		font-size: 3.33333vw; // Don't change this ever. This sets up the "rem" unit size.
	}	
}