body {
    width: 100%;
    height: 100%;
    background-color: black;
    background-repeat: no-repeat;
    background-size: 45vh;
    background-position: center;
}



html.mobile div#container-gameplayid.left {
	padding-left: 20px;
}

html.mobile div#container-gameplayid.right {
	padding-right: 20px;
}

html.mobile div#container-clock.right {
	padding-right: 20px;
}

#container-loading {
	background-image: url(./resources/bg_splash_screen_landscape.178707c1c3836bcd9e84..jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

#loading-content {
	display: inline-flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: initial;
	bottom: initial;
	width: initial;
	text-align: initial;
	height: 80vh;
	margin: auto;
}

.container-fluid {
	display: flex;
	flex: 1;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.container-fluid .row {
	width: 100%;
}

#second-loading-image {
	background-image: url(./resources/cherrypop_logo_game.760cc9a1a51b3209a122..png);
	display: flex;
    flex: 7;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 10px;
	width: 45%;
}

#supplier-logo {
    background-image: url(./resources/white_logo_avatarux.30635c88d50d80465997..png);
	display: flex;
    flex: 3;
	width: 20%;
	max-width: 150px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 15px;
}

#text-loading-progress {
    visibility: hidden;
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	#container-loading {
		background-image: url(./resources/bg_splash_screen_portrait.8dea89c2f07deb07636e..jpg);
	}
}