/* 
	p .shopText1 .looseElement
	.exampleGroupLeft .clearfix
		.examples
			a .photoLink
				img
			p
	.exampleGroup1 .looseElement
		.canvasDetail
			.examplesDetails
				a .photoLink
					img
!!!	must add -->	p
		.dibondDetail
			.examplesDetails
				a .photoLink
					img
!!!	must add -->	p

			.lastLarge (a .photoLink img "no p")
			
	.tableWrap .looseElement
		table 
			tr.tableRow1
				td
	.exampleGroup2 .looseElement
		.examplesMattePaper
			a .photoLink
				img
			p
	.exampleGroup3 .looseElement
		.examplesMattePaper
			a .photoLink
				img
			p
	 */
.shopTitleList {
	max-width: 1080px;
	margin-left: 2%;	
	padding-top: 150px;
	color: #7b7b7b;
}
.shopTitle {
	display: inline-block;
}

.exampleTitle {
	padding-top: 5%;
	font-size: .8em;
}
td, th {
	font-size: 0.95em;
}
.looseElement {
/* 	display: block; */
	position: relative;
	margin: auto;
/* 	float: left; */
}
.shopText1 {
/* 	padding: 30px 30px 90px 30px; */
	margin: 70px 5% 0 2%;
}
.shopText2 {
	margin: 1.5% 5% 1.5% 2%;
	
}
.exampleGroupLeft {
	width: 96%;
	position: relative;
	margin: 60px auto 0 auto;	

}
.examples {
	display: inline-block;
	width: 49%;
}
.examples img {
	display: block;
	object-fit: contain;
	width: 100%;
}
.examples p, .examplesMattePaperDibond p, .examplesMattePaper p {
	font-size: 0.8em;
	text-align: right;
	text-transform: uppercase;
	padding: 1% 1% 5% 0;
}

.exampleGroup1 {
	display: block;
	padding: 0 5%;	
}
.examplesDetails {
	display: inline-block;
	width: 30%;	
	padding: 1% 1% 4% 1%;	
}
.dibondDetail img {
	vertical-align: top;
}
.lastLarge {
	display: inline-block;
	padding: 5% 1%;	
	width: 60%;
}
.examplesDetails img {
	object-fit: contain;
	width: 100%;
}
.lastLarge img {
	width: 100%;
}
table {	
	width: 100%;
}
th, td {
  padding: 15px;
  text-align: center;
}
tr:nth-child(even) {
	background-color: #e2e2e2;
}
.shippingDetails {
	padding-left: 2%;
	font-size: 0.7em;
}
.shippingDetails2 {
	padding-left: 2%;
	font-size: 0.9em;
}
.exampleGroup2 {
	display: block;
	width: 96%;
	vertical-align: top;
	padding: 5% 0;	
}
.examplesMattePaper {
	display: inline-block;
	vertical-align: top;
    padding: 0 3%;
}
.examplesMattePaper img {
	display: inline-block;
	object-fit: contain;
	margin: auto;
    width: 100%;
}
.eMP1 {
	width: 35%; 
}
.eMP2 {
	width: 24%; 
}
.pairedImagesShop {
	width: 25%;
	display: inline-block;
}
.exampleGroup3 {
	display: block;
	width: 96%;
	margin-bottom: 5%;
}
.examplesMattePaperDibond {
	display: inline-block;
	width: 45%;	
	padding: 2%;
}
.examplesMattePaperDibond img {
	display: inline-block;
	object-fit: contain;
	width: 100%;	
}


@media only screen and (min-width: 770px) {
	.shopTitleList {
/* 		margin-left: 5%; */
	}
	.exampleGroupLeft {
		float: left;
		top: 40px;
		width: 35%;
	}	
	.examples {
		width: 100%;
	}
	.shopText1 {
		position: absolute;
		right: 0;
	}	
	.exampleGroup1 {
		padding: 0px;
		margin-top: 140px;	
	}
	

	.examplesDetails {
		display: inline-block;
		width: 180px;	
		padding: 1% 1% 4% 1%;	
	}
	.lastLarge {
		display: inline-block;
		width: 360px;
		padding: 5% 1%;	
	}
	
	.examplesDetails img {
		object-fit: contain;
		width: 100%;
	}
	.looseElement {
		width: 61%;
		float: right;
		margin-right: 2%;		
	}
	table {
		padding-bottom: 5%;
	}
	.exampleGroup2.looseElement, .exampleGroup3.looseElement {
		margin-right: 15%;
	}
}

@media only screen and (min-width: 1040px) {
	.exampleGroup2.looseElement {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1320px) {
	.exampleGroup3.looseElement {
		margin-right: 0;
	}
}