@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Muli', sans-serif;
    background-size: 100%;
	background-repeat: no-repeat;
	background-position:top center;
	background-attachment:fixed;
	}
	
a {
	text-decoration: none;
	}
	
p {
	color: white;
	font-weight:100;	
	text-align:left;
	}

h1, h2, h3 {
	color:white;
	font-weight: 100;
	text-align:left;
	}
	
h3 {
	text-decoration: underline;
	}

.tour {
	margin-top:90px;
	}
	
/* Nav Bars */

ul.nav {
	}

ul li {
	list-style-type: none;
	float: left;
	display: inline-block;
	
	}
	
#nav {
	margin-left:-35px;

}
	
.nav li {
	margin-right: 12.5%;
	
	}
	
.nav li:last-child {
	margin-right:-5%;
	
	}
	
.nav li a {
	color: white;
	font-size: 5.3vw;
	font-family: 'Raleway', sans-serif;
	
	}
	
.nav li a:hover {
	border-bottom: 1px solid white;
	}

li a.current {
	border-bottom:2px solid white;
	
	}
	
#social {
	margin-left:-30px;
	

	
	}
	
.social li {
	margin-right: 7%;
	margin-top: 35px;
	
	}
	
.social li:last-child {
	margin-right:-35px;
	}
	

.social li a {
	color: rgba(255,255,255,0.7);
	font-size:12vw;
	font-family: 'socialicoregular';
	

	}
	

body {
	background-image: url(afterBack.jpg);
	background-size: 100%;
	background-position:top center;
	background-attachment:fixed;
	
	
	}
	
#bigBox {
	background-color: rgba(58,44,33,0.5);
	border-radius: 2px;
	box-shadow: 0px 0px 2px #333;
	padding-bottom: 140px;
	}
	
#logo {
	margin:3px;
	width:100%;
	
	}
	
.logoImg {
	max-width: 100%;
	margin-left: -3px;
	}

#pageBox {
	background-color: rgba(58,44,33,0.5);
	border-radius: 2px;
	box-shadow: 0px 0px 2px #333;
	width:65%;
	}
	
/* font stuff */
	
@font-face {
    font-family: 'socialicoregular';
    src: url('fonts/socialico-webfont.eot');
    src: url('fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/socialico-webfont.woff') format('woff'),
         url('fonts/socialico-webfont.ttf') format('truetype'),
         url('fonts/socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media screen and (min-width: 1000px) { 

body {
	background-image: url(wideBack2.jpg);
	
	}

#bigBox {
	background: none;
	box-shadow: none;
	}

.logoImg {
	max-width: 51%;
	background-color:rgba(58,44,33,0.5);
	border-radius: 2px;
	}
	
	
ul.nav {
	background-color:rgba(58,44,33,0.5);
	border-radius: 2px;
	}
	
.nav li {
	margin-right:3.8%;
	}
	
.nav li a {
	font-size:3.4vw;
	
	}
	
.social {
	float:right;
	display:inline;
	margin-right: 1%;
	margin-top:-4%;
	width:40%;
	}
	
.social li {
	margin-right:5%;
	}
	
.social li a {
	font-size:6vw;
	}

}

@media screen and (min-width: 1240px) {

.nav li {
	margin-right:3%;
	}

.nav li a {
	font-size:2.9vw;
	}

#social {margin-top:22px;}

}