html, body {
  height: 100%;
  margin: 0;
  border: 0;
  background: #242c2e;
}

.logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
 }

.all {
	font-size: 0;
	height: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	margin: 0;
}

.page {
	font-size: 16px;
	height: 100%;
	width: 100%;
	display: inline-block;
	margin: 0;
	background-size: contain;
}

.page:nth-child(1) {
	height: 100%;
	width: 100%;
	display: inline-block;
	margin: 0;
}

.page:nth-child(2) {
	height: 100%;
	width: 100%;
	display: inline-block;
	margin: 0;
}

.page:nth-child(3) {
	height: 100%;
	width: 100%;
	display: inline-block;
	margin: 0;
}

.bg-image {
  height: 100%;
  width: 100%;
  margin: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.img1 {
	background-image: url("1.png");
}

.img2 {
	background-image: url("2.png");
}

.img3 {
	background-image: url("2.png");
}

.img4 {
	background-image: url("3.png");
}