html{
	height:100%;
	width:100%;
}
body{
	margin:0;
	height:100%;
	width:100%;
	background:url('bg.png');
	background-repeat:repeat;
	overflow:auto;
}

.center-wrapper{
	display:flex;
	align-items:center;
	justify-content:center;
	/* border: 1px solid rgb(224, 224, 230); */
	padding: 0 10px;
}
@media only screen and (orientation: landscape) {
	.placeholder-top {
		flex-grow: 0.5;
	}
	.placeholder-bottom {
		flex-grow: 1;
	}
}
@media only screen and (orientation: portrait) {
	.placeholder-top {
		flex-grow: 0.3;
	}
	.placeholder-bottom {
		flex-grow: 1;
	}
}