@media screen and (max-width: 1200px) {
	
	
	#logo {
		width:250px !important;
		height:auto !important;
		margin-top:17px;
	}
	#nav a {
		font-size:16px !important;
	}
	#nav {
	margin-top:23px;
	display:block;
	}
}
@media screen and (max-width: 970px) {
	
	#nav {
		background:#c60c0e;
		margin-right:0px;
		padding-bottom:20px;
		top:35px;
		display:none;
		right:-60px;
	}
	#nav a {
		font-size:24px !important;
		display:block;
		text-align:right;
		padding:10px 30px 10px 30px;
	}
	#burger {
		display:block;
	}
	#logo {
	 width:436px !important;
	 height:50px !important;
	margin-left:10px;
	margin-top:8px;
	 }
		
	.trailer iframe {
		width:500px !important;
		height:300px !important;
	}
	.trailer .page_title {
		font-size:34px;
	}
	.homepage .page_text {
		width:90% !important;
		padding:5%;
		text-align:center;
		top:8%;
	}
	.homepage .resizeImage {
		display:none;
	}
}

/* MOBILE */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2),

 screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2),
  
   screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
	
	.container {
		overflow-y:hidden !important;
	}
	.page_text {
		position:inherit !important;
		margin-bottom:30px !important;
	}
	 .home {
		overflow-y:hidden !important;
	 }
	 .homepage .page_text {
		  top:30px !important;
		  margin-left:1% !important;
		  width:98% !important;
	 }
	 .home_names {
		 width:90% !important;
	 }
	 .home_logo {
		margin-bottom:20px !important; 
		
	 }
	 .date {
		 font-size:24px !important;
	 }
	  #logo {
		  top:13% !important;
		  }
		    #logo.admin {
		  top:16% !important;
		  }
	  .waveStill {
		  width:100% !important;
		  height:100% !important;
	  }
	 
	   #begin_bar {
		 height:85px !important;
		 }
		.crewCol {
			padding:1%;
			width:30% !important;
		}
		.story .page_text {
		  width:90% !important;
		  font-size:27px;
		  top:50px !important;
	  }
	  .story .page_text span {
		  line-height:45px !important;
	  }
	  .contact .page_text {
		  width:90% !important;
		  font-size:27px;
		  top:80px !important;
	  }
	  .contact .page_text span {
		  line-height:45px !important;
		  margin-top:20px;
		  }
	  #burger {
	height:60px !important;
	width:60px !important;
	}
	#burger img {
	height:60px !important;
	width:60px !important;
	}
	#nav {
		margin-top:45px !important;
	}
	#nav a {
		font-size:32px !important;
		}
	  .book .page_text{
		  top:50px !important;
	  
	  }
	  .purchase {
		  padding:30px 50px !important;
		  font-size:38px !important;
		  }
		.page_text {
			padding-bottom:10px !important;
		}
		.footer {
			display:none;
		}
		.social {
			padding:15px 0px 23px;
		}
	  
	  .logoImg {
		  padding:0px !important;
		  display:block;
		  border:none;
		  margin:0px auto 20px;
		  height:81px;
	  }	
	  .logoBlock {
		  width:auto;
		  text-align:center;
	  }
	  #joinInput {
		  height:70px;
		  font-size:19px;
		  width:350px;
		  background-position:16px 24px;
		  background-size:24px 22px;
		  padding-left:55px;
	}
	#joinSubmit {
		height:70px;
		  font-size:21px;
		  background-size:1px 100%;
		  line-height:70px;
		}
	#joinInput.on {
		box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
		}
	#formBlock {
		top:10px;
		height:80px;
	}
	#formBlock span {
		height:80px;
	}
	#formInner {
		top:-70px;
	}
	.thanks {
		font-size:24px;
		line-height:70px;
		}
	.footer {
			font-size:18px;
			padding:0px;
			border:none;
	}
	.social a {
		width:38px;
		height:35px;
		background-size:38px 35px;
		margin:0px 10px;
	}
	.social {
		display:block;
		}
	
	
  }

/* IPHONE */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait), 
  
 screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  

  { 
	  
	  #logo {
		  top:13% !important;
		  }
		    #logo.admin {
		  top:16% !important;
		  }
	  .waveStill {
		  width:100% !important;
		  height:100% !important;
	  }
	  .story .page_text {
		  width:100% !important;
	  }
	 #begin_bar {
		 height:85px !important;
		 }
	 
	 	  .logoImg {
		  padding:0px !important;
		  display:block;
		  border:none;
		  margin:0px auto 20px;
		  height:81px;
	  }	
	  .logoBlock {
		  width:auto;
		  text-align:center;
	  }
	  #join  {
		  bottom: 5%;
	  }
	  #joinInput {
		  height:70px;
		  font-size:19px;
		  width:350px;
		  background-position:16px 24px;
		  background-size:24px 22px;
		  padding-left:55px;
	}
	#joinSubmit {
		height:70px;
		  font-size:21px;
		  background-size:1px 100%;
		  line-height:70px;
		}
	#joinInput.on {
		box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
		}
	#formBlock {
		top:10px;
		height:80px;
	}
	#formBlock span {
		height:80px;
	}
	#formInner {
		top:-70px;
	}
	.thanks {
		font-size:24px;
		line-height:70px;
		}
	.footer {
			font-size:18px;
			padding:0px;
			border:none;
	}
	.social a {
		width:38px;
		height:35px;
		background-size:38px 35px;
		margin:0px 10px;
	}
	.social {
		display:block;
		}
}

/* IPAD */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	
	.reels {
		top:57%;
	}
	
	.gallery {
		margin-top:0px !important;
	}
	.reels div.reel_item {
		margin: 0px 6%;
		left: -1%;
	}
	
}