html {
  font-size: 100%; padding: 0; margin: 0;
}
body {
	background:#333;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	font-family: "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
}

#container {
	width: 950px;
	margin: 0 auto;	
}
img {border:0}
a {color:#fff}

/* Header Style */
.container > header {
	margin: 0 auto;
	padding: 2em;
	text-align: center;
	background: rgba(0,0,0,0.01);
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

.item { width: 150px; height:150px;margin-bottom:10px;background:#000;text-align:center;}
.item img {width:150px;height:150px;}
.item.w2 { width: 310px; height:310px;margin-bottom:10px;background:#000; }
.item.w2 img {width:310px;height:310px;}
.item.w3 { width: 790px; height:790px;margin-bottom:10px;background:#000; }
.item.w4 { width: 270px; height:110px;margin-bottom:10px;background:#000;padding:20px;font-size: 0.7em;
	text-align:left;color: #622D7F; }
.item.w3 div {	font-size:11px;color:#fff;padding:10px;text-align:left}

/* Demo Buttons Style */
.item.w4 a {color: #622D7F;}
.item.w4 a:hover {color: #DFA7FE;}


/*Media Queries*/
@media only screen and (max-width: 959px) {
#container {width: 950px;}}
@media only screen and (min-width: 768px) and (max-width: 959px)  {
#container {width: 630px;}}
@media only screen and (max-width: 767px){
#container {width: 470px;}}