/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

header {
	width: 100%; /* 720px / 768px */
}

#maincontent {
	width: 100%; /* 720px / 768px */
}

.maincontent {
	width: 100%; /* 720px / 768px */
}

#footercontainer {
  background-size: 100% 150%;
	}

footer {
	width: 100%; /* 720px / 768p
	x */
}

/*  USER STYLES */

h1 {
	font-size: 2.4em;
	line-height : 0.4em;
}

#maincontent h1 {
	font-size : 2.8em;
	padding: 10% 0 0 2%;
}

h4 {
  font-size: .8em;
}

#showcontent {
	padding-top: 2%;
}

#webcontent {
	padding-bottom: 8%;
}

#show, #gfx, #shirts, #web, #photo1, #photo2 {
	height: 160px;
	padding: 8px 0 8px 0;
}

#show img, #gfx img, #shirts img, #web img, #photo1 img, #photo2 img {
	height: 160px;
	width: auto;
}

#showref a, #gfxref a, #shirtsref a, #webref a, #photo1 a, #photo2 a {
	font-size: 0.75em;
}

#video iframe {
	width: 640px;
	height: 360px;
}

#pixelsL {display: inline-block;}
#pixelsXL, #pixelsM, #pixelsS {display: none;}

.deskshop {
	display: block;
}

.touchshop {
	display: none;
}

#bottomnav li {
	padding-right: 16px;
	font-size: .9em;
}

div.scrollableArea img {
	padding-right: 8px;
}