body {overflow: hidden;}
article {position: relative;}
#box {
	position: absolute;
	width: 100%;
	top: calc(50vh - 160px);
	overflow-x: auto;
}
.row .col{width:2000px;}
.col img {
	height: 70px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 20px;
}
#page1 {
	height:60px;
	margin-top: 20px;
}
.row.overflow-hidden .col{
	max-width: none;
	flex: none;
}
footer {
	position: fixed;
	left: 0; right: 0;
	bottom: 0;
	z-index: 1030;
}
@media (min-width: 768px) and (max-width: 991px) {
	.col img {height: 120px;}
	#page1 {
		height:90px;
		margin-top: 40px;
	}

}
@media (min-width: 992px) and (max-width: 1199px) {
	.col img {height: 220px;}
	#box {
		top: calc(50vh - 282px);
	}
	#page1 {
		height:130px;
		margin-top: 80px;
	}
}
@media (min-width: 1200px) {
	.row .col{width:3000px;}
	.col img {
		width: auto; height: 220px;
		margin-right: 15px;
	}
	#box {
		top: calc(50vh - 282px);
	}
	#page1 {
		height:170px;
		margin-top: 70px;
	}

}
/*
@media (min-width: 768px) {
	#box {
		top: calc(50vh - 224px);
	}
}
*/