@charset "UTF-8";
header {
	position: relative;
	z-index: 60;
	width: 100%;
	left: 0px;
	top: 0px;
}
/* LOGO */
#logo {
	position: relative;
	position: absolute;
	width: 50%;
	max-width: 300px;
	left: 30px;
	top: 25px;
	z-index: 40;
	margin-bottom: 20px;
}
header.home #logo {
	max-width: 100%;
}
#logo img {
	width:100%;
}
@media only screen and (min-width: 760px) {
	header.home #logo {
		width: 40%;
		left: 10%;
		top: 8%;
	}
}
#heading {
	position: absolute;
	font-family: "TheMix-SemiBoldItalic";
	font-family: "TheMix-BoldPlain";
	font-size: 22px;
	line-height: 24px;
	text-align: left;
	top: 63%;
	left: 8%;
	z-index: 2;
}
@media only screen and (min-width: 768px) {
	#heading {
		font-size: 28px;
		line-height: 32px;
		top: 70%;
		left: 20%;
	}
}
@media only screen and (min-width: 1024px) {
	#heading {
		font-size: 40px;
		line-height: 44px;
		right: 20%;
	}
}
@media only screen and (min-width: 1280px) {
	#heading {
		font-size: 44px;
		line-height: 48px;
	}
}
@media only screen and (min-width: 1440px) {
	#heading {
		font-size: 48px;
		line-height: 52px;
	}
}
@media only screen and (min-width: 1800px) {
	#heading {
		font-size: 60px;
		line-height: 66px;
	}
}
/* header image */
header img {
	width: 100%;
	z-index: 1;
}

/* Fade-In Images */
.fade-in {
	opacity: 0;
}
.fade-in {
	-moz-animation-name: fadeIn;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 3s;
	-moz-animation-delay: 0.5s;
	-moz-animation-fill-mode: forwards;

	-webkit-animation-name: fadeIn;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-fill-mode: forwards;

	animation-name: fadeIn;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: 3s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}
@-moz-keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-webkit-keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}