body { 
	background-color: #FFFFFF; 
	color: #000000; 
	margin: 0; 
	padding: 0; 
}

p { 
	font-family: raleway, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	line-height: 1.4; 
}

hr {
	border-top: 1px solid #000000;
}

p.paragraphs { 
	text-align: left; 
}

p.describe {
	text-align:left;
	font-style: italic;
	font-size: 80%;
	margin-bottom: 20px;
}

.container { 
	width: 100%; 
	text-align: center; 
	margin-bottom: 100px; 
}

.item { 
	width: 640px; 
	margin: 40px auto 20px auto; 
	text-align: center; 
}

.smaller img {
	width: 360px;
}

h3 { 
	font-family: filson-pro, Arial, Helvetica, sans-serif; 
	font-size: 22px; 
	font-weight: 200; 
	margin: 40px 0 15px 0;
	text-align: left; 
}

h4 { 
	font-family: raleway, Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 900; 
	margin: 40px 0 15px 0;
	text-align: left; 
}


img { 
	width: 640px; 
	height: auto; 
}

a, a:active, 
a:visited, 
a:hover { 
	color: #b42602; 
	text-decoration: none; 
}

.nav { 
	background-color: #000000; 
	padding: 5px; 
    width: 100%;
}

.nav ul { 
	color: #FFFFFF; 
	font-size: 12px; 
	letter-spacing: 1px; 
	font-family: raleway, Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	font-weight: 900; 
	text-align: center; 
	padding: 0; 
	margin: 0 auto; 
}

.nav ul li { 
	display: inline-block; 
	padding: 0 30px; 
}

.nav ul li a, 
.nav ul li a:active, 
.nav ul li a:visited { 
	color: #FFFFFF; 
}

.nav ul li a:hover { 
	color: #999999; 
}


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

    .item {
      width: 100%;
    }

    img {
        width: 100%;
        height: auto;
    }

    h3 {
        margin: 40px 15px 15px 15px;
    }

	h4 {
		text-align: center;
	}
    
    p {
        margin: 0 15px;
    }
}