﻿/*Mobile*/
@media screen and (max-width: 900px) {
	.desktopOnly {
		display:none;
	}

	.mobileOnly {
		display:block;
	}

	.homeLogo {
		width:80%;
	}

	.homeQuizStartButton {
		width:80%;
	}

	.homeBottomBar {
		width:100%;
		height:auto;
	}

	.homeBottomBarTable {
		display:block;
	}

	.homeBottomBarSubCell {
		width:80%;
	}

	.homeBottomBarSubCellNumber  {
		text-align:left;
		width:50px;
	}

	.homeBottomBarCell {
		display:block;
		margin:20px auto;
		width:100%;
	}

	.homeText1 {
		font-size:40px;
	}

	.homeText2 {
		font-size:20px;
	}

	.quizNextButton {
		width:80%;
	}

	.quizLogo {
		width:80%;
	}

	.quizStep {
		width:90%;
	}

	.quizBox {
		width:100%;
	}

	.quizScoreBox {
		position:relative;
		right:auto;
		top:auto;
		padding-top:20px;
	}

	.quizSeparator3 {
		height:10px;
	}

	.quizScoreBoxLabel {
	font-size:15px;
	}

	.quizScoreBoxValue {
		font-size: 40px;
	}

	.quizScoreBoxValue b {
		font-size: 50px;
	}

	.scoreText2 {
		font-size:28px;
	}

	.scoreLogo {
		width:80%;
	}

	.coverPlayButton {
		width:80%;
	}

	.coverLogo {
		width:80%;
	}

	.coverCenter {
		transform: translateX(0%);
	}

	.formCenterTable {
		display:block;
		padding-top:20px;
	}

	.formCenterCol1 {
		display:none;
	}

	.formCenterCol2 {
		display:block;
		width:100%;
		padding-bottom:20px;
	}

	.formCenterCol2 img {
		width:80%;
	}

	.formCenterCol3 {
		display:block;
		width:100%;
	}

}

