body {

	background-color: #000;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	width:100%;
	margin:0 auto 0;
}
a {
	color:#fff; text-decoration:none; font-weight:400;
}	
a:hover {
text-decoration:underline;
}
h1 {font-size:56px; color:#888;}
h2 {font-size:36px; color:#888;}
h3 {font-size:28px; font-weight: 400; margin-bottom:20px;}
h4 {font-size:20px; color:#888; font-weight:200;
 margin-top:60px; margin-bottom:-15px;}
h5 {font-size:20px; color:#888; font-weight:200;
 margin-top:22px;
 margin-bottom:-10px;}
h3x {font-size:24px; font-weight: 400; }

/* Main layout container */
#layout {width:1200px; margin:0 auto 0;}
#wight70 {width:70%; margin: 0px auto 0px;}

/* Grid classes, fixed width, 960px with 12 columns */
.col {float:left; margin:0 20px; overflow:hidden; float:left; display:inline;}
.col img {max-width:100%;}
.row {width:1200px; margin:10px auto 0; overflow:hidden;}
.c4 {width:360px;}
.c12 {width:1160px;}


img {margin:0 auto -10px;}
div.thumbnails img {width:160px; margin:0 10px 10px 0; border-radius:12px;}
div.thumbnails img.last {margin-right:0;}

@media only screen and (max-width : 960px){
#layout {width:auto; padding:20px;}
#wight70 {width:90%; margin: 0px auto 0px;}

.row {width:100%;}
.col {margin:0 0 10px 0;}
h1 {font-size:36px; color:#888;}
h2 {font-size:22px; color:#888;}
h3 {font-size:32px; font-weight: 400; margin-top: 22px; margin-bottom:20px;}
h3x {font-size:28px; font-weight: 400; }

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;}


div.thumbnails img {width:24%; margin:0;}
div.thumbnails img.last {margin-right:0;}

}