/* ==== Google font ==== */
@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=PT+Sans:700|Pacifico|Changa+One);
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */

body .wrap-body {
	height: 100%;
	width: 100%;
	background: url('../images/bg.jpg') no-repeat;
	background-size: cover;
	position: absolute;
	overflow: hidden;
}

/* ---------------------------------------------------------------------------- */
/* ------------------------------------Header---------------------------------- */
/* ---------------------------------------------------------------------------- */
#intro {font-family: "Pacifico", cursive;font-weight: 400;position: relative;margin: 80px auto;width: 600px;font-size: 30px;text-align: center;color: #fff;}
#intro span {display: block;line-height: 1.3}

#footer {
	font-family: "Source Sans Pro", sans-serif;
	position: fixed;
	margin: 0 auto;
	width: 600px;
	font-size: 30px;
	text-align: center;
	color: white;
	left: 0;
	right: 0;
	bottom: 60px;
}

.line-1 {position: relative;}
.line-2 {font-family: "Changa One", sans-serif;font-weight: 400;text-transform: uppercase;font-size: 90px;letter-spacing: 15px;margin: 0 0;}
.line-3 {font-family: "PT Sans", sans-serif;font-weight: 700;font-size: 16px;text-transform: uppercase;margin: 70px 0 0;position: relative;letter-spacing: 6px;}
.line-3:before, .line-3:after {content: " ";position: absolute;width: 50px;height: 5px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.line-3:before {margin: 7px 0 0 -60px;}
.line-3:after {margin: 7px 0 0 10px;}
.line-4 {position: relative;text-align: center;margin: 50px auto;display: block;font-size: 20px;}
.line-4 a {text-decoration: none;display: inline-block;text-align: left;color: #fff;}
.line-4 a:nth-child(1) {text-align: right;}
.line-4 a:nth-child(1):after {content: "&";font-family: FontAwesome, serif;font-style: normal;font-weight: normal;text-decoration: inherit;position: relative;font-size: 30px;text-align: center;width: 90%;top: 4px;margin: 0;padding: 0 20px;}

@media(max-width:992px){
	#intro{width: 500px;}
	.line-1{font-size: 25px;}
	.line-2{font-size: 80px;letter-spacing: 12px;}
	.line-3{font-size: 14px;margin: 60px 0 0;letter-spacing: 4px;}
	.line-3:before, .line-3:after {width: 40px;}
	.line-3:before {margin: 5px 0 0 -50px;}
	.line-3:after {margin: 5px 0 0 10px;}
	.line-4{font-size: 18px;margin: 40px auto;}
}

@media(max-width:767px){
	#intro{width: 350px;}
	.line-1{font-size: 20px;}
	.line-2{font-size: 70px;letter-spacing: 10px;}
	.line-3{font-size: 13px;margin: 50px 0 0;letter-spacing: 3px;}
	.line-3:before, .line-3:after {width: 30px;}
	.line-3:before {margin: 4px 0 0 -40px;}
	.line-3:after {margin: 4px 0 0 10px;}
	.line-4{font-size: 16px;margin: 30px auto;}
}

@media(max-width:500px){
	#intro{width: 250px;}
	.line-1{font-size: 17px;}
	.line-2{font-size: 50px;letter-spacing: 8px;}
	.line-3{font-size: 12px;margin: 40px 0 0;letter-spacing: 3px;}
	.line-3:before, .line-3:after {width: 20px;}
	.line-3:before {margin: 4px 0 0 -30px;}
	.line-3:after {margin: 4px 0 0 10px;}
	.line-4{font-size: 15px;margin: 20px auto;}
	.line-4 a:nth-child(1):after {font-size: 25px;}
}

a{
	color: white;
	text-decoration: none;
}