@charset "UTF";
/* CSS Document */
/* nav link placement */
nav {
	float:right;
	padding-right: 20px;
	z-index:20;
}
/* size of Lorenzo's box */
body {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	font-family: arial;	
}
/* space around the nav links */
nav ul li {
	list-style-type: none;
	padding-left:20px;
	text-align: right;
	display: inline-block;
	z-index:20;
}
/* color of the nav links */
nav ul li a {
	text-decoration: none;
	color: black;
}
/* Lorenzo's box dimensions, picture fit to box and color */
.larenzo-box {
	height: 338px;
	background-color: #999999;
	background-image: url("../images/lorenzo-box.jpg");
/* makes header picture fit to box */
	background-size: cover;
	margin: 1%;
}
.gallery {
	margin: 10px 0px;
}
.gallery img {
	transition: 1s;
	padding-top: 15px;
	padding-left: 0px;

	width: 200px;
}
.gallery img:hover {
	filter: grayscale(100%);
	transform: scale(1.1);
}
.col img {
	width: 100%;
	height: auto;
	display: block;
}
.col {
	width: 31.3%;
	float: left;
	margin: 1%;
}
h1 {
	color: #3087b4;
	font-size: 55px;
	text-align: center;
	padding-left: 0px;
}
.pimg1, .pimg2, .pimg3{
	position:relative;
	opacity:0.70;
	background-position:center;
	
} 
/*
fixed = parallax
scroll = normal
*/
.pimg1{
	background: url("../images/1.jpg") no-repeat center;
	background-size: 1024px;
	background-attachment: fixed;
	height: 850px;
	margin-top: 3%;
}
.pimg2{
	background: url("../images/2.jpg") no-repeat center;
	background-size: 1024px;
	background-attachment: fixed;
	height: 400px;
}
.pimg3{
	background: url("../images/3.jpg") no-repeat center;
	background-size: 1024px;
	background-attachment: fixed;
	height: 400px;
}

.section{
	text-align:center;
	padding:50px 80px;
}

.section-light{
	background-color:#F4F4F4;
	color:#666;
}

.section-dark{
	background-color:#282E34;
	color:#DDD;
}

.ptext{
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	color:#EF0B0E;
	font-size:27px;
	letter-spacing:8px;
	text-transform: uppercase;
}
.ptext .border{
	background-color:#111;
	color:#fff;
	padding:20px;
}
.ptext .border.trans{
	background-color:transparent;
}
/*DESKTOP*/
@media (max-width:1024px){
	h1 {
		font-size: 40px;
		text-align: center;
		padding-left: 0px;
	}
	
	.col {
		width: 48%;
	}
}
/* Tablet Size */
@media (max-width:760px){
	h1 {
		font-size: 40px;
		text-align: center;
		padding-left: 0px;
}
	.col {
		width: 48%;
	}
	nav ul li {
		display: block;
	}
}
/* Mobile Size */
@media (max-width:400px){
	h1 {
		font-size: 28px;
}
	.col {
		width: 98%;
	}
	nav ul li {
		font-size: 14px;
	}
	.pimg1, .pimg2, .pimg3{
		background-attachment: scroll;
	}
}