h1 {text-align:center;margin:0.5em 0;}

#typesetting-services {
	position: relative;
	margin: 4% auto 2% auto;
	padding:0.75em 0.5em 0.5em 1em;
	max-width: 600px;
	border:1px solid rgba(8,7,6,0.12);
}

#typesetting-services p {
	font-size:0.88em;
}


#graphicContainer {
	position: relative;
	margin: 50px auto 50px auto;
	padding: 5px;
	/*width: 480px;*/
	width:100%; /* (152 + 30) * 3 */
	/*border: thin #ccc solid;*/
	background-color: #fff; 
	text-align: center;
}

.graphics {
	display: flex; /* or inline-flex */
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	position: relative;
	margin: 0 auto;
	padding-top: 5px;
}

.graphics div {
	margin:1em;
}

.graphics ul {
	padding: 0; 
	margin: 0;
	list-style-type: none;
}

.graphics li {
	/*margin: 1px auto 50px auto;*/
	margin:1px 15px;
	display: inline;
}

.graphics div img {
	width:150px;
	height:200px;
	border: #ccc 1px solid;
}

.graphics div img:hover {
	border: #1f1f1f 1px solid;
}

li.spacer {
	height: 1px;
	border-bottom: thin #ccc solid;
}