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

@font-face {
	font-family: 'avant-garde-demi';
	src: url('fonts/avant-garde-demi.eot');
	src: local('avant-garde-demi'), url('fonts/avant-garde-demi.woff') format('woff'), url('fonts/avant-garde-demi.ttf') format('truetype');
}

@font-face {
	font-family: 'avant-garde-book';
	src: url('fonts/avant-garde-book.eot');
	src: local('avant-garde-book'), url('fonts/avant-garde-book.woff') format('woff'), url('fonts/avant-garde-book.ttf') format('truetype');
}


/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/*MAIN*/
body { 
	font-size: 1.05em;
	line-height: 1.25em;
	font-family: 'avant-garde-book', Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	background: url(i/bkg.jpg) top center no-repeat;
	background-color: #000;
		
}

a {

	color: #000;
	text-decoration: none;

}

a:hover {

	color: #444;
	text-decoration: underline;

}

#wrapper {
	width:100%;
	background:url(i/bkg_pattern.png) top center no-repeat;
background-size: 100% 96%;
	margin: 0 auto;
	z-index: 100;
overflow: hidden;

}

header {
width: 64%;
padding-top: 20px;
margin: 0 auto;	
}

#logo {
	padding-right: 50px;
	float: right;
	width: 37%;
	height: auto;
	display: block;
}

#logo IMG {
	width: 100%;
	height: auto;
}

#social {
float: right;
padding-right: 30px;
}

#social-follow {
display: block;
float: left;
color: #fff; font-sie: 24px;
padding-top: 35px;
padding-right: 5px;
}

#social-icons {
display: block;
float: left;
}

#social-icons IMG {
padding: 1px;
}

#comingsoon {
float:right;
padding-right: 10%;
padding-top: 35px;
font-family: 'avant-garde-demi', Arial, Helvetica, sans-serif;
color: #000; font-size: 24px; font-weight: bold;
}

#content {
width: 64%;
padding: 10px;
text-align: center;
margin: 0 auto;
margin-top: 75px;
}

#intro {
text-align: center;
margin: 0 auto;
font-family: 'avant-garde-demi', Arial, Helvetica, sans-serif;
color: #e90000; font-size: 28px;
line-height: normal;
padding: 10px 20%;
}

#img-slider {
margin-top: 20px;
}

#img-slider IMG {
width: 55%;
height: 55%;
}

footer {
width: 64%;
	color: #000;
	text-align: center;
	font-size: 12px;
padding: 15px 0 50px 0;
margin: 0 auto;
}


/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {

#wrapper {
	width:100%;
	background:url(i/mobile_black.png) top center no-repeat;
background-size:100%;
	margin: 0 auto;
	z-index: 100;
overflow: hidden;

}
	
	header {

		width: 95%;
	}

#logo {
	padding-right: 0;
	float: none;
	width: 90%;
	margin: 0 auto;
}

#social {
	padding-right: 0;
	float: none;
	width: 90%;
	margin: 0 auto;
padding-top: 15px;
}

#social-follow {
display: none;
}

#social-icons {
display: block;
float: none;
width: 100%;
text-align: center;
}

#comingsoon {
float: none;
width: 90%;
padding: 15px 10px;
text-align: center;
background: #fff;
opacity: .9;
margin: 0 auto;
}


#content {

		width: 85%;
background: #fff;
opacity: .9;
margin-top: 0;
padding-top: 10px;
	}

#intro {
padding: 0;
}

#img-slider IMG {
width: 90%;
height: 90%;
}


footer {

		width: 85%;
background: #fff;
opacity: .9;
padding: 15px 10px 10px 10px;
	}
	
	

}