body {
	margin: 10px;
}

a {
  margin:0;
  padding:0;
}


h3 {
  clear: both;
  margin-top: 50px;
}

.pages {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.pages img {
  width: 175px;
  border: 1px solid #000;
  margin-right: -1px;
  margin-bottom: 10px;
}

.break {
	display: block;
	width: 748px;
	background: #fff;
}
.booklet {
  clear: both;
  margin-top:50px;
}

/* Quick and dirty media queries for various Apple devices, 
   which hopefully also covers other phones and tablets */


@media( min-width: 320px ) { 
	.pages img { width: calc(100% / 2); } 
}

@media( min-width: 678px ) { 
	.pages img { width: calc(100% / 4); } 
	.break { width: calc((100% / 4) * 3); } 
}

@media( min-width: 1300px ) {
	.pages img { width: calc(100% / 6);  }
	.break { width: calc((100% / 6) * 5); }
}


#zoom{
  display: none;
}
#zoom.show {
  display: block;
}
#zoom h2 {
	background: #aaa;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin:0;
	padding: 5px;
}
#zoom img {
  width: 100%;
}