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

html {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-text-size-adjust: 100%;
}

a {
	outline:none;
	color: inherit; 
	text-decoration: none; 
}

a:hover {
	text-decoration:none;
}

h1 {
	font-family: 'Oswald', sans-serif;
	font-size:36pt;
	font-weight: bold;
	color:#111;
	margin: 10px 0 0 0;
	padding: 0;
}

h2 {
	font-family: 'Oswald', sans-serif;
	font-size:36pt;
	font-weight: bold;
	color:#333;
	margin: 10px 0 20px 0;
}

h3 {
	font-family: 'Oswald', sans-serif;
	font-size:14pt;
	font-weight: bold;
	color:#666;
	margin: 0 0 20px 0;
	padding: 0;
}

p {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size:14pt;
	line-height: 30px;
	color:#333;
	padding: 0;
	margin: 10px 0 10px 0;
}

.bigger p {
	font-size: 20pt;
}

.menu1 p {
	font-size: 12pt;
}

.menu2 p {
	font-size: 11pt;
	color: #AAA;
	margin: 0 0 5px 0;
}

.holder p {
	font-size: 12pt;
}

img {
	border:0;
}

.slide {
	background-size: cover;
}

#container	{
	position:relative;
	width:100%;
}

.holder {
	float: left;
	width: 98%;
	background: #FFF;
	margin: 1% 1% 8% 1%;
}

.box1 {
	position: relative;
	float: left;
	height: 100vh;
    width: 84vw;
	padding: 0 8% 0 8%;
	background-image: url("../img/background.jpg");
	background-size: cover;
}

#logo {
	width: 70%;
	position: absolute;
	top: 45%;
	left: 15%
}

.box2 {
	float: left;
	width: 84%;
	text-align: center;
	padding: 10% 8% 10% 8%;
	background: #FFF;
}

.box3 {
	float: left;
	width: 84%;
	text-align: center;
	padding: 10% 8% 10% 8%;
	background: #EFEFEF;
}

#social_holder {
	width:150px;
	text-align: left;
	margin: 20px auto 0 auto;
}

.social {
	float: left;
	width: 40px;
	height: 40px;
	margin: 10px 5px 0 5px;
}

#siteby {
	float:left;
	width:100%;
	text-align: center;
	padding: 0.5% 0 0.5% 0;
	margin: 0;
}

#siteby p {
	color: #666;
	font-size: 9pt;
}