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

#wrapper{
	max-width:1280px;
	margin:0 auto;
	font-family: 'Raleway', sans-serif;
}
h1{
	text-align:center;
	font-size:2em;
	padding:0.5em 0 1em;	
}
img{
	width:100%;
	height:auto;
	border:solid 1px #646464;
	cursor:pointer;
}
/*--- Arrows: ---*/
#left, #right{
	width:60px;
	border:none;
	position:absolute;
	top:46%;
	right:0;
	padding:10px;
}
#left{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	left:0;
}

.col4{
	width:33.333%;
	padding:1em 1%;
	float:left;
}
p{
	color:#646464;
	font-family: 'Raleway', sans-serif;
}
/*-- 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:1.2;
	padding:10px;
	z-index:3;
	display:none;
}
#lightbox p{
	text-align:center;
}
@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;
	}
}