@media (max-height:640px) {
	/*.fullscreenSpacer {*/
		/*width: 40px;*/
	/*}*/

	.title_logo{
		margin: 0;
		height: 40px;
		max-height: 40px;
		max-width: 70px;
	}

	.menu {
		height: 40px;
		font-weight: lighter;
	}

	.title {
		font-size: 1.5em;
		margin: 2px;
	}

	.menu .title {
		font-size: 0.9em;
		line-height: 35px;
		height: 28px;
	}

	.menu .title.subtitle {
		font-size: .68em;
	}

	.nav {
		width: 32px;
	}

	.nav img {
		top: calc(50% - 12px);
		height: 25px;
	}

	.buttons {
		height: 25px;
		padding-top: 0px;
	}

	.buttons .button {
		margin: 2px 5px;
	}

	.win8button {
		margin: 2px;
		/*font-size: .7em;*/
	}

	.win8button .label {
		font-size: .7em;
	}

	.win8button .img {
		background-size: 80px 40px;
		width: 20px;
		height: 20px;
		border-width: 1px;
		font-size: .9em;
		line-height: 20px;
		text-align: center;
	}
	
	.win8button .backButton{
		margin-top:4px;
	}

	.win8button:active .img {
		background-postiion: 0px -40px;
	}

	#backBtn {
		margin-top: 6px;
	}
	
	span#pagenameLabel{
		font-size: 1em;
	}
}

@media (max-width:640px){
	.menu {
		height: 40px;
		font-weight: lighter;
	}

	.title_logo{
		margin: 0;
		height: 40px;
		max-height: 40px;
		max-width: 70px;
	}


	.title {
		font-size: 1.5em;
		margin: 2px;
	}

	.menu .title {
		font-size: 0.9em;
		line-height: 35px;
		height: 28px;
		margin-top: 2px;
	}

	.menu .title.subtitle {
		font-size: .68em;
	}

	.nav {
		width: 32px;
	}

	.nav img {
		top: calc(50% - 12px);
		height: 25px;
	}

	.buttons {
		height: 25px;
		padding-top: 0px;
	}

	.buttons .button {
		margin: 2px 5px;
	}

	.win8button {
		margin: 2px;
		/*font-size: .7em;*/
	}

	.win8button .label {
		font-size: .7em;
	}

	.win8button .img {
		background-size: 80px 40px;
		width: 20px;
		height: 20px;
		border-width: 1px;
		font-size: .9em;
		line-height: 20px;
		text-align: center;
	}
	
	.win8button .backButton{
		margin-top:4px;
	}

	.win8button:active .img {
		background-postiion: 0px -40px;
	}

	#backBtn {
		margin-top: 6px;
	}
	
	span#pagenameLabel{
		font-size: .5em;
	}
}

@media (max-width:320px)
{
	.title_logo{
		margin: 0;
		height: 40px;
		max-height: 40px;
		max-width: 60px;
		diaplay:none;
	}
}