html, body {margin: 0; padding: 0; height: 100%; text-align: center;}
section {min-height: 100%;}
a {text-decoration: none;}

h1, h2, a {font-family: 'Roboto', sans-serif; font-weight: 500; color: #494949;}
h2 {font-size: 40px; padding-top: 8%; margin-bottom: 5px;}
h3, p {font-family: 'Roboto Slab', serif;}

hr {width: 30px; height: 3px; background: #494949; border: 0; margin: 0 auto 40px auto;}
#logo, img {transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}

header {
	width: 100%;
	height: 65px;
	position: fixed;
	top: 0;
	left: 0;
	background: white;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	z-index: 1;
}

#logo {
	height: 52px;
	float: left;
	margin: 10px 0 0 50px;
}

#logo:hover {
	opacity: 0.5;
}

#logo img {
	height: 100%;
}

/* ABOUT ***/

#about {
background: url(../img/landing.jpg);
background-position: center center;
background-size: cover;}

#about img {
	width: 375px;
}

#about img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

#about h3 {
	font-size: 25px;
}

#about p {
	width: 700px;
	margin: 0 auto 0 auto;
}

/* FOOTER ***/

footer {
	width: 100%;
	height: 70px;
	background-color: #3f3f3f;
}

footer p {
	font-size: 12px;
	color: #f0f0f0;
	padding-top: 30px;
}

/* MEDIA QUERIES ****/

@media screen and (max-width: 1024px) {
	header {
		height: auto;
	}

	#logo {
		height: 50px;
		margin-top: 1px;
	}

	#about h3 {
		font-size: 22px;
	}

	#about p {
		width: 80%;
	}
}

/* MOBILES */
@media screen and (max-width: 480px) {

}