h1 {
	font-size: 3rem;
	font-family: monospace;
	text-align: center;
	/*margin: 150px 0 0;*/
	padding: 5px;
	color: #fff;
	background-color: #039cdf;
}

.amsterdam {
  display: flex;
	flex-wrap: wrap;
  gap: 20px;
  padding: 20px 20px 10px 20px;
  /*margin: 50px 0 0 0;*/
  background-image: linear-gradient(
    to top right,
    rgba(3, 156, 223, 1) 30%,
    rgba(3, 156, 223, 0.5) 150%
  );
  box-sizing: border-box;
}
.amsterdam .images {
  min-width: 50%;
	max-width: 1000px;
	flex: 0 1 400px;
	/*margin: auto;*/
}
@media only screen and (max-width: 650px) {
	.amsterdam .images {
		margin: 0 auto;
	}
}
.amsterdam .image-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 5px;
	border-radius: 10px;
}
.amsterdam .image-track {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
	gap: 5px;
}
.amsterdam .image-item {
  flex: 0 0 100%;
  scroll-snap-align: start;
  position: relative;
}
.amsterdam .image-item img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
/* hide scrollbar (Webkit) */
.amsterdam .image-viewport::-webkit-scrollbar { height: 8px; }
.amsterdam .image-viewport::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.2); border-radius: 6px; }





.amsterdam .info {
	margin: 0 auto;
	color: #fff;
}
.amsterdam .info h3 {
	text-align: center;
	margin-bottom: 5px;
}
.amsterdam .store_info {
	display: flex;
	flex-direction: column;
	line-height: 1.75;
}
.amsterdam .store_info li {
	display: flex;
  align-items: center;
	gap: 5px;
}
.amsterdam .store_info img {
	height: 20px;
	align-items: center;
}


.amsterdam .openinghours {
	display: flex;
	justify-content: space-between;
	line-height: 1.5;
	gap: 10px
}
.amsterdam .openinghours ul {
	list-style: none;
}