/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */

header {
	width: 100%; /* 960px / 1024px */
}

#maincontent {
	width: 100%; /* 960px / 1024px */
}

.maincontent {
	width: 100%; /* 960px / 1024px */
}

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

footer {
	width: 100%; /* 960px / 1024px */
}

/*  USER STYLES */

h1 {
	font-size: 4.2em;
}

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

#showcontent {
	padding-top: 8%;
}

#webcontent {
	padding-bottom: 18%;
}

#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;
}

#video iframe {
	width: 765px;
	height: 430px;
}

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


.desk {
	display: block;
}

.touch {
	display: none;
}

#bottomnav li {
	font-size: 1.2em;
}

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