@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	overflow-x:  hidden;
}
.nav {
	width: 100%;
	height: 8vw;
	background-color: rgba(255,255,255,0.80);
	position: absolute;
	top: 3vw;
	left: 0;
}
.logo {
	width: 40vw;
	float: left;
}
.logo img {
	width: 100%;
}
.intro {
	width: 100%;
	height: 50vw;
	background-image: url(images/background.jpg);
	background-size: cover;
}
.slogan {
	width: 40vw;
	margin-left: 10vw;
	margin-top: 2vw;
	font-size: 2.8vw;
	float: left;
}
.number {
	float: right;
	font-size: 2vw;
	margin-right: 3vw;
}
.divider {
	width: 100%;
	margin-top: -13vw;
}
.divider img {
	width: 100%;
}
.about {
	background-color: #3c3b3b;
	color: #ffffff;
	width: 100%;
	height: 32vw;
	margin-top: -5vw;
	-moz-box-shadow:    3px 3px 20px 1px #1F1F1F;
	-webkit-box-shadow: 3px 3px 20px 1px #1F1F1F;
	box-shadow:         3px 3px 20px 1px #1F1F1F;
}
.aboutHeader {
	position: absolute;
	right: 5vw;
	margin-top: -5vw;
	font-size: 3vw;
}
.aboutContent {
	position: absolute;
	margin-top: 2vw;
	margin-left: 5vw;
	width: 90vw;
	font-size: 1.5vw;
}
.divider2 {
	position: absolute;
	width: 50vw;
	z-index: -1;
	margin-top: -1vw;
}
.divider2 img {
	width: 100%;
	z-index: 2;
}
.content {
	width: 100%;
}
.contentHeader {
	font-size: 3vw;
	margin-top: 1vw;
	margin-left: 1vw;
	color: #ffffff;
}
.divider3 {
	width: 100%;
	margin-bottom: -12vw;
}
.divider3 img {
	width: 100%;
}
.gallery {
	width: 100vw;
	height: 90vw;
	background-color: #3c3b3b;
	-moz-box-shadow:    3px 3px 20px 1px #1F1F1F;
	-webkit-box-shadow: 3px 3px 20px 1px #1F1F1F;
	box-shadow:         3px 3px 20px 1px #1F1F1F;
}
.galleryHeader {
	position: absolute;
	right: 5vw;
	margin-top: 2vw;
	font-size: 3vw;
	color: #ffffff;
}
.photosOne {
	position: absolute;
	left: 6vw;
	margin-top: 10vw;
	height: 25vw;
}
.photosOne img {
	height: 25vw;
	width: auto;
	border: solid thick white;
}
.photosTwo {
	position: absolute;
	left: 6vw;
	margin-top: 38vw;
	height: 25vw;
}
.photosTwo img {
	height: 25vw;
	width: auto;
	border: solid thick white;
}
.photosThree {
	position: absolute;
	left: 6vw;
	margin-top: 66vw;
	height: 21.35vw;
}
.photosThree img {
	height: 21.35vw;
	border: solid thick white;
}
.divider4 {
	width: 100%;
	margin-top: -10vw;
}
.divider4 img {
	width: 100%;
}
.footer {
	border-top: medium solid white;
	height: 10vw;
	margin-top: -5vw;
	width: 100%;
	background-color: #3c3b3b;
}

.contactHolder {
	margin-top: 5vw;
	width: 80vw;
	margin-left: 9.5vw;
}

@media screen and (max-width: 500px) {
	.contactHolder {
		margin-top: 20vw;
		width: 100%;
		height: auto;
		font-size: 3vw;
		margin-left: 0vw;
	}
	.contactButton {
		float: left;
		margin-top: 2vw;
		width: 20vw;
		padding-top: .8vw;
		padding-bottom: .8vw;
		border-radius: 2vw;
		border: solid thin #4a0386;
		font-size: 3vw;
		color: #4a0386;
		text-align: center;
	}
	.aboutHeader {
		position: absolute;
		right: 5vw;
		margin-top: -5vw;
		font-size: 4vw;
	}
	.about {
		background-color: #3c3b3b;
		color: #ffffff;
		width: 100%;
		height: 72vw;
		-moz-box-shadow:    3px 3px 20px 1px #1F1F1F;
		-webkit-box-shadow: 3px 3px 20px 1px #1F1F1F;
		box-shadow:         3px 3px 20px 1px #1F1F1F;
	}
	.aboutContent {
		position: absolute;
		margin-top: 2vw;
		margin-left: 5vw;
		height: auto;
		padding-bottom: 15vw;
		width: 85vw;
		font-size: 3vw;
	}
	.content {
		width: 80vw;
		margin-left: 9.5vw;
		
	}
	.contentHeader {
		font-size: 4vw;
		margin-top: 1vw;
		margin-left: -5vw;
		color: #ffffff;
	}
	.divider2 {
		position: absolute;
		width: 70vw;
		z-index: -1;
		margin-top: -1vw;
	}
	.divider2 img {
		width: 100%;
		z-index: 2;
	}
	.gallery {
		width: 100vw;
		height: 90vw;
		background-color: #3c3b3b;
		-moz-box-shadow:    3px 3px 20px 1px #1F1F1F;
		-webkit-box-shadow: 3px 3px 20px 1px #1F1F1F;
		box-shadow:         3px 3px 20px 1px #1F1F1F;
	}
	.galleryHeader {
		position: absolute;
		right: 5vw;
		margin-top: 2vw;
		font-size: 4vw;
		color: #ffffff;
	}
	.photosOne {
		position: absolute;
		left: 4vw;
		margin-top: 10vw;
		height: 25vw;
	}
	.photosOne img {
		height: 25vw;
		width: auto;
		border: solid thick white;
	}
	.photosTwo {
		position: absolute;
		left: 4vw;
		margin-top: 38vw;
		height: 25vw;
	}
	.photosTwo img {
		height: 25vw;
		width: auto;
		border: solid thick white;
	}
	.photosThree {
		position: absolute;
		left: 4vw;
		margin-top: 66vw;
		height: 21.35vw;
	}
	.photosThree img {
		height: 21.35vw;
		border: solid thick white;
	}
}