html {
	background:#0A0A0A;
	width: 100%;
}

body {
	margin: 0;
	font-family: 'Raleway', sans-serif;

}

a {
	text-decoration: none;
	
}



/*SECTION CONTAINER*/
#sections {
	position: relative;
	top: 0;
	left: 0;
}

/*DISTANT HEADER*/
#title {
	position: absolute;
	top:5%;
	left: 25%;
	width: 50%;
	z-index:10;
}

/*non-parallax for mobile*/

#titleMob{
	visibility:hidden;
	position: absolute;
	top:5%;
	left:25%;
	width:50%;
	z-index:10;
}


/*section TOP*/
#secTop {
	float: left;
	width: 100%;
	height:0%;
	padding-top:62.5%;
	background: url("../images/slices/sec-top.jpg");
	background-size:contain;
}

#secTop2{
	float:left;
	width:100%;
	height:0%;
	padding-top:7.70%;
	background:url("../images/slices/sec-top2.gif");
	background-size:contain;
	
}

/*section MIDDLE*/
#secMid {
	float:left;
	width: 100%;
	height:0%;
	padding-top:38.80%;
	background: url("../images/slices/sec-mid.jpg");
	background-size:contain;
	
}

#secMid2{
	float:left;
	width:100%;
	height:0%;
	padding-top:25%;
	background:url("../images/slices/sec-mid2.jpg");
	background-size:contain;
}

#secMid3{
	float:left;
	width:100%;
	height:0%;
	padding-top:12.08%;
	background:url("../images/slices/sec-mid3.gif");
	background-size:contain;
}

/*MIDDLE CONTENT CONTAINER */


#trailer {
	position:relative;
	z-index:100;
	text-align: center;
	height:0%;
	width: 60%;
	left:20%;
	padding-bottom: 25%;
	margin-top:-25%;
	
}

#secBottom {
	float:left;
	width:100%;
	height:0%;
	padding-top:25.41%;
	background:url("../images/slices/sec-bot.gif");
	background-size:contain;
	
}
/*section BOTTOM LEFT*/
#secBotLeft {
	float:left;
	width:13.02%;

}

/*section BOTTOM MIDDLE*/
#secBotMid
{
	width: 76.82%;
}

/*section BOTTOM RIGHT*/
#secBotRight
{
	float:right;
	width:10.15%;
}

/*section FOOTER*/
#secFooter {
	float:left;
	width:100%;
	height:0%;
	padding-top:20.83%;
	background: url("../images/slices/sec-footer.jpg");
	background-size:contain;
}
#secFooter2{
	float:left;
	width:100%;
	height:0%;
	padding-top:25%;
	background-color:#090909;
	
}

/*ICON CONTAINER*/
#logoContainer{
	position:relative;
	z-index:100;
	margin:-15%;
	width:50%;
	height:0;
	padding-bottom:12.5%;
	margin-left:25%;
	text-align:center;
}

#logoInner{
	bottom:0;
	padding-bottom:5%;
}

.logoimg{
	max-width:40%;
	width:16%;
	height:auto;
	display:inline-block;
	z-index:1;
}

.logoimg:hover{
	opacity:0.6;
}
/*VIDEO */
.vid-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0;
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
    top: 0;
	left:0;
	position:absolute;
	width:100%;
	height:100%; 
}

iframe#video {
	max-width: 100%;
}

/*MAIL CHIMP*/

#mailContainer{
	position:relative;
	z-index:100;
	text-align: center;
	height:0%;
	width: 60%;
	left:20%;
	margin-top:-20%;;
	
}

/* MailChimp Form Embed Code -Adapted from: http://blog.heyimcat.com/universal-signup-form/ */
/* Signup form container */
#mc_embed_signup { 
text-align: center; 
width: 100%; 
} 

#mc_embed_signup label{
	display:block;
	padding-bottom:10px;
	font-weight:bold;
	color:ffffff;
	font-family: 'Raleway', sans-serif;
	font-size:170%;
	/*text-align:center;*/
}

 /* positions input field horizontally */
.mc-field-group {
	display: inline-block; 
}

/* Input Styles */
#mce-EMAIL { 
	font-family: 'Raleway', sans-serif;
	font-size: 100%; 
	color: #ffffff; 
	background-color: rgba(0, 0, 0, 0.2);
	outline:0;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-radius:0;
	padding: .7em 1em .7em 1em; 
	 display: inline-block; 
	 margin: 0; 
	 border:2px solid #427773;	
 } 
 
/* positions button horizontally in line with input */
.clear { 
display: inline-block; 
} 

/* Button Styles */
.button { 
	font-family: 'Raleway', sans-serif;
	 font-size: 100%; 
	 letter-spacing: .03em; 
	 color: #ffffff;
	 background-color: #427773 ; 
	 padding: .7em 2em; 
	 display: inline-block; 
	 margin:0;
	 border:1px solid #427773;
	 cursor:pointer;
	 -webkit-appearance:none;
	 -webkit-border-radius:0;
	 border-radius:0;
 } 
 
 #pressKit{
	width: 100%;
	z-index:1;
	color:#ffffff;
	border:0;
	padding:0;
	margin:0;
	font-size:120%;
	height:40px;
	outline:0;
	float:left;
	font-family: 'Raleway', sans-serif;
	text-align:center;
 }

 a:link{color:#ffffff;}
 a:hover{color:#427773;}
 a:visited{color:#ffffff;}


@media (max-width: 768px) { /* positions input field and button underneath each other with 100% width for tablet and mobile */
  
.mc-field-group { display: block; max-width: 100%; }
#mce-EMAIL { padding: .7em 0 .7em 1em; width: 96%; margin: 0; font-size:100%}
.clear { display: block; width: 100% }
.button { width: 100%; margin: .5em 0 0 0; font-size:100%; }
 #mc_embed_signup label{font-size:110%;}
  #title{visibility:hidden;} 
  #titleMob{visibility:visible;} 
  #pressKit{font-size:80%;}
}