@media (orientation:portrait) {
	* {
		--app-width:1000px;
		--app-height:1400px;
	}

	#app-frame {
		margin-top:15% !important;
	}

	.check, .drop {
		background-repeat: no-repeat !important;
    	background-size: cover !important;
	}

	.quiz {
		background-repeat: no-repeat !important;
    	background-size: cover !important;
	}

	.map, #medal-background, .avatar-background {
		background-repeat: no-repeat !important;
    	background-size: cover !important;
	}

	/* Dialog only */

	#dialog-container, #image-container, #rapid-quiz-container, #distraction-container, #dialog-all-image {
	  height:calc(var(--app-height) / 1.1) !important;
	  top:5% !important;
	}

	#dialog-container, #distraction-container {
	  flex-wrap: nowrap !important;
	  justify-content: flex-start !important;
	  align-items: center !important;
	  align-content: center !important;
	}

	#dialog-container {
	  flex-direction: column-reverse !important;
	}

	#distraction-container {
		flex-direction: column-reverse !important;
	}

	#dialog-all-image {
	 	width:95% !important;
	 }

	#dialog-all-image img {
		height:auto !important;
		width:100% !important;
	}

	#dialog-image-left, #distraction-image {
		height:50% !important;
		width:90% !important;
	}

	#distraction-image {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	#dialog-image-left img, #dialog-image-right img, #distraction-image img {
		padding-top:0 !important;
		margin-top:10% !important;
		margin-left:0 !important;
	}

	#dialog-image-left img, #dialog-image-right img {
		width:auto !important;
	}

	#distraction-image img {
		height:auto !important;
	}

	#dialog-text, #distraction-text {
		height:50% !important;
		width:90% !important;
		display:flex !important;
	}

	#dialog-text-name, #distraction-text-name {
		height:20% !important;
		font-size: 55px !important;
		padding: 3% 3% 0 3% !important;
		margin-top:5% !important;
	}

	#dialog-text-body, #distraction-text-body {
		height:50% !important;
		font-size: 50px !important;
	}

	#dialog-skipper, #dialog-img-skipper {
		top:75% !important;
		font-size: 50px !important;
	}

	.app h1 {
		font-size:50px !important;
	}

	.rapid-btn {
		height: 15% !important;
		border-radius: 90px !important;
		box-shadow: 10px 10px 0 1px rgba(0, 0, 0, 0.2) !important;
	}

	.rapid-btn span {
		font-size: 35px !important;
	}

	/* Avatar only */

	.avtitle {
		font-size:48px !important;
	}

	.avchevron img {
		width:12% !important;
	}

	.avtitle, .avchevron {
		margin-bottom:4% !important;
	}

	.rotated {
		margin-right:5% !important;
	}

	.avexpanded {
		margin-top:10% !important;
		padding-bottom:10% !important;
	}

	#avatar-preview-images {
		margin-top:75% !important;
	}

	.avatar-items-group {
		margin-top:5% !important;
	}

	.avatar-item {
		width:25% !important;
		height:40% !important;
	}

	#avatar-image-shape, #avatar-image-haircut, #avatar-image-eyes, #avatar-image-nose, #avatar-image-smile {
		top:25% !important;
	}

	#avatar-continue-button-container {
		height:30% !important;
		width:60% !important;
	}

	#avatar-continue-button-container {
		height:10%;
		margin-top:5%;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		vertical-align:middle;
		align-content:center;
		align-items:center;
		justify-content:center;
		z-index:999 !important;
	}

	#avatar-continue-button {
		font-size: 48px !important;
		padding:10% !important;
	}

	/* Map only */

	#games-group {
		margin-top:15% !important;
	}

	.game-menu-item {
		width:80% !important;
		height:12% !important;
		border-radius: 90px !important;
		box-shadow: 10px 10px 0 1px rgba(0, 0, 0, 0.2) !important;
	}

	.game-menu-item span {
		width:80% !important;
		font-size:60px !important;
	}

	.game-menu-thumb img {
		width:90% !important;
		height:auto !important;
	}

	#game-question span {
		font-size: 36px !important;
	}

	/* Quiz only */

	.quiz-btn img {
		width:90% !important;
		height:auto !important;
	}

	#quiz-basura-left img, #quiz-basura-right img {
		width:60% !important;
	}

	/* Check only */

	#check-image {
		width:60% !important;
		height:40% !important;
	}

	#check-image img {
		height:95% !important;
		width:auto !important;
	}

	.check-btn span {
		font-size: 40px !important;
	}

	/* Drop only */

	#drop-container {
		height:86% !important;
		flex-direction:column !important;
	}

	#fridge-container {
		width:100% !important;
		height:60% !important;
	}

	#fridge-top-shelf {
		top:30% !important;
		left:25% !important;
		width:30% !important; 
		height:10% !important;
	}

	#fridge-bottom-shelf {
		top:40% !important;
		left:25% !important;
		width:30% !important; 
		height:14% !important;
	}

	#fridge-bottom-drawer {
		top:54% !important;
		left:25% !important;
		width:30% !important; 
		height:10% !important;
	}

	#fridge-bottom-door {
		top:30% !important;
		left:55% !important;
		width:20% !important; 
		height:35% !important;
	}

	#items-container {
		width:100% !important;
		height:40% !important;
	}

	#items-text {
		display:none;
	}

	#items-group {
		height:100% !important;
		padding-left:0 !important;
		flex-direction:row !important;
		justify-content:center !important;
	}

	.item {
		width:20% !important;
		height:40% !important;
		border-radius: 0 !important;
	}

	.item_name {
		display:none;
	}

	.item_img img {
		width:100% !important;
		height:100% !important;
	}


	/* Medal only */

	#medal-image {
		width:30% !important;
		height:25% !important;
		border-radius:180px !important;
	}

	#medal-trophy {
		height:40% !important;
	}

	#medal-trophy img {
		height:20% !important;
	}

	#medal-score {
		width:100% !important;
		height:10% !important;
	}

	#medal-score span {
		width:80% !important;
		height:100% !important;
	}

	#medal-score img {
		width:auto !important;
		height:70% !important;
	}

	#medal-name {
		width:100% !important;
		height:10% !important;
	}

	#medal-name span {
		font-size: 60px !important;
	}

	#medal-description {
		width:80% !important;
	}

	#medal-description span {
		font-size:30px !important;
		line-height: normal !important;
	}

	#medal-buttons {
		width:100% !important;
		height:15% !important;
	}

	#medal-buttons button {
		font-size: 40px !important;
	}

	#medal-buttons button img {
		height:auto !important;
	}

	.mdbtn1 {
		width:40% !important;
		height:60% !important;
	}

	.mdbtn2 {
		width:40% !important;
		height:60% !important;
	}

	.mdbtn3 {
		width:15% !important;
		height:65% !important;
	}

	.mdbtn3 img {
		height:200% !important;
		width:150% !important;
	}

	#final-text {
		font-size:40px !important;
		line-height: normal !important;
	}

	#final-buttons {
		margin-top: 0 !important;
		padding-top:15px !important;
	}

	#final-buttons div {
		flex-direction:column !important;
	}

	#start-links {
		width:35% !important;
	}

	#final-links {
		width:60% !important;
	}

	#start-links span, #final-links span {
		font-size: 30px !important;
	}

	#start-button {
		width:30% !important;
		height:30% !important;
	}

	#start-button button {
		border-radius: 50px !important;
		font-size: 30px !important;
	}
}