/* GENERAL STYLES */

body { 
	
	margin: 0px; 
	padding: 0px;
	background-color: rgba(102,111,75,.5);
	font-family: Helvetica, Arial, "sans-serif";
}

.buttonAction:hover {
	opacity:.75;
}

#container {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#headline-row {
	background-color: rgba(140,138,135,1.00);
	padding: 10px 13%;
	color: rgba(255,255,255,1.00);
	border-top: 5px solid rgba(39,66,48,1.00);	
}

h1 {
	color: rgba(255,255,255,1.00);
	font-style: italic;
	font-weight: bold;
	margin: 0px;
}

h2 {
	color: rgba(255,255,255,1.00);
	margin: 0px;
	font-weight: normal;
	font-size: 14px;
}

#blurb {
	color: rgba(0,0,0,1.00);
	font-style: italic;
}


@media screen and (max-width: 1024px){ /*MOBILE*/
	
	#header-columns {
		padding: 10px;
	}
	
	#left-column, #right-column {
		float: none;
		box-sizing: border-box;
		padding: 10px;
		text-align: center;
	}
	
	#banner-image {
		background-image: url("images/banner-header.png");
		background-position: center;
		background-size: cover;
		height: 250px;
	}
	
	#banner-image #tour {
		position: relative;
		bottom: 0px;
		left: 0px;
	}
	
	#bookedButton {
		height: 50px !important;
		width: auto !important;
	}
	
	#content-column {
		margin: 0px;
		padding: 10px;
	}
	
	#footer-column {
		background-color: rgba(70,71,67,1.00);
		margin: 0px;
		padding: 10px;
		margin-top: 10px;
	}
	
	#social-column {
		background-color: rgba(140,138,135,1.00);
		margin: 0px;
		padding: 10px;
		text-align: center;
	}
	
	#contact {
		display: none;
	}
	
	.contactMobile {
		display: visible;
		float: right;
	}
	
}

@media screen and (min-width: 1025px){ /*DESKTOP*/
	
	#header-columns {
		padding: 10px 15%;
	}
	
	#left-column {
		float: left;
		width: 75%;
		box-sizing: border-box;
		padding: 10px;
		text-align: center;
	}
	
	#right-column {
		float: left;
		width: 25%;
		box-sizing: border-box;
		padding: 20px;
		text-align: center;
	}
	
	#banner-image {
		background-image: url("images/banner-header.png");
		background-position: center;
		background-size: cover;
		height: 500px;
	}
	
	#banner-image #tour {
		position: relative;
		top: 400px;
		left: -350px;
		text-align: center;
	}
	
	#content-column {
		max-width: 900px;
		margin: auto;
		padding: 10px;
	}
	
	#footer-column {
		background-color: rgba(70,71,67,1.00);
		padding: 20px 15%;
		text-align: center;
		margin-top: 10px;
	}
	
	#social-column {
		background-color: rgba(140,138,135,1.00);
		padding: 20px 15%;
		text-align: center;
	}
	
	.slick-slider {
  		height: 500px !important; 
	}
	
	.contactMobile {
		display: none;
	}
	
	#contact {
	display: visible;
	position: relative;
	top: -100px;
	right: -800px;
	width: 200px;
	/* background-color: rgba(39,66,48,.5); */
	padding: 20px;
	height: 573px;
	box-sizing: border-box;
	z-index: 100;
	text-align: center;
	background-image: -webkit-linear-gradient(270deg,rgba(39,66,48,0.50) 0%,rgba(39,66,48,0.50) 69.99%,rgba(255,255,255,0.00) 92.28%);
	background-image: -moz-linear-gradient(270deg,rgba(39,66,48,0.50) 0%,rgba(39,66,48,0.50) 69.99%,rgba(255,255,255,0.00) 92.28%);
	background-image: -o-linear-gradient(270deg,rgba(39,66,48,0.50) 0%,rgba(39,66,48,0.50) 69.99%,rgba(255,255,255,0.00) 92.28%);
	background-image: linear-gradient(180deg,rgba(39,66,48,0.50) 0%,rgba(39,66,48,0.50) 69.99%,rgba(255,255,255,0.00) 92.28%);
	}
	
	#callToAction1 {
		color: white;
		font-weight: bold;
		font-size: 12px;
		line-height: 2;
		border-top: 2px solid white;
		border-bottom: 2px solid white;
		padding: 10px 0px;
		margin: 10px;
	}
	
	#callToAction2 {
		position: absolute;
		bottom: 0px;
		color: white;
		font-weight: bold;
	}
	
	#callToAction2 a {
		text-decoration: none;
		color: white;
		font-style: italic;
		padding: 0px;
		font-size: 20px;
	}
}