/* General styles */
body {

	background-color: #323232;
	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:18px; font-weight: 400; margin-top: 104px; margin-bottom: 10px;}
h2 {font-size:18px; color:#cccccc; font-weight: 400; margin-top: 44px; margin-bottom: 10px;}
h3 {font-size:22px; font-weight: 400; margin-top: 5px; margin-bottom: 14px;}
h4 {font-size:18px; color:#cccccc; font-weight: 400; margin-top: 104px; margin-bottom: -10px;}
h5 {font-size:18px; color:#cccccc; font-weight: 400; margin-top: 26px; margin-bottom: -10px;}
h6 {font-size:22px; font-weight: 800; margin-top: 5px; margin-bottom: 14px;}

/* Main layout container */
#layout {width:auto; margin:0 auto 0;}

/* Grid classes, fixed width, 1200px with 2 columns */
.col {float:left; margin:0 20px; overflow:hidden; display:block;}
.col img {max-width:100%;}
.row {width:1200px; margin:10px auto 0; overflow:hidden;}
.left {text-align: left;}

.c4 {width:360px;}
.c12 {width:1160px;}

img {margin:0 auto -10px;}


@media only screen and (max-width : 960px){

#layout {width:auto; padding:20px;}
.row {width:100%;}
.col {margin:0 auto 0;}
h1 {font-size:36px; color:#888;}
h2 {font-size:20px;}
h3 {font-size:26px;}
h4 {font-size:20px;}
h5 {font-size:20px;}
p {font-size:16px;}

.c4, .c12 {width:360px; float: none;}

}