
/* 
	12 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT
*/


/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	 }

/* MAIN CONTAINER */
.container						{ margin: 0 auto; }


/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }


/* DEFAULT ROW STYLES */
.row { margin-bottom: 1.5em; } /* set according to preference*/
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float:left;
	width: 100%;
}

@media ( min-width : 768px ) {
	.col {
		margin-left: 4%;
	}
	
	p {
			font-size:14px;
	}
	
	h2 {
			font-size: 26px;
	}
	
	h3 {
		font-size: 16px;
	}
}

@media ( max-width : 768px ) {
	.col {
		margin: 0px 5% !important;
		width:90% !important;
	}
	
	p {
		font-size: 20px;
	}
	
	h2 {
		font-size: 42px;
	}
	
	h3 {
		font-size: 27px;
	}
	
	h1 img {
		width:100% !important;
		margin-top:40px;
	}
}


/* RESET MARGINS */
.col:first-child,
.clr { margin-left: 0; } /* all browsers except IE6 and lower */


/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 768px ) {
	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 32.0%; }
	.span_5 { width: 40.5%; }
	.span_6 { width: 48.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
}


* {
	font-family: Helvetica;

}

#page_wrap {
	width:700px;
	padding-bottom: 50px;
}

header {
	height: 260px;
	overflow: hidden;
}

p {
	line-height: 160%;
	color:#262626;
}

h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	font-weight:normal !important;
	margin-top: 30px;
}

h3 {
	margin-top: 22px;
}

#gallery a img {
	margin:0px 10px 10px 0px;
	border: 1px solid #ccc;
}

a {
	color:#673b15;
}