@charset "UTF-8";
@import url("reset.css");

#wrapper{
	max-width:1280px;
	margin:0 auto;
	font-family: 'Raleway', sans-serif;
	/*position:relative;
	z-index:0;*/
}
h1{
	text-align:center;
	font-size:2em;
	padding:0.5em 0 1em;	
}
img{
	width:100%;
	height:auto;
	border:solid 1px #646464;
	cursor:pointer;
}
.col4{
	width:33.333%;
	padding:1em 1%;
	float:left;
}
p{
	color:#646464;
}
/*-- Lightbox: --*/
#lightbox_mask{
	background-color:rgba(0, 0 , 0, 0.5);
	position:fixed;
	background-size:cover;
	width:100%;
	height:100%;
	z-index:2;
	display:none;
}
#lightbox{
	background-color:#FFF;
	position:fixed;
	width:60%;
	left:20%;
	margin:2em auto;
	line-height:0;
	padding:10px;
	z-index:3;
	display:none;
}
@media screen and (max-width:1024px){
	#lightbox{
		width:80%;
		left:10%;
	}
}
@media screen and (max-width:767px){
	section{
		width:100%;
	}
	.col4{
		width:100%;
		padding:1em 5%;
		float:none;
	}
}