html,
body {
  margin: 0;
  padding: 0; 
 
}

body {
 color: #ffffff;
 font-family: 'Lato', sans-serif;
background-color: #560F13;
	background-image:url(../images/background.jpg);
	background-repeat: no-repeat;
  background-attachment: fixed;
	
}



	
	
/* =============================================================================
  HEADINGS
============================================================================= */
h1 {
	font-family: 'Playfair Display', serif;
	font-weight: black;
color: #ffffff;
font-size: 92px;
line-height: 102px;
margin: 0;
padding: 0; 
	
}


h2 {
font-family: 'Lato', sans-serif;
color: #ffffff;
font-size: 35px;
line-height: 45px;
margin: 0;
padding: 0;
margin-bottom: -10px;
margin-top: 20px
}
		
h3 {
font-family: 'Lato', sans-serif;
color: #ffffff;
font-size: 24px;
line-height: 34px;
margin: 0;
padding: 0;
margin-bottom: -10px;
margin-top: 20px
}

p {
	color: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 20px;
line-height: 30px;	
}



	
	
/* =============================================================================
  LINKS
============================================================================= */
a:link {
	text-decoration: none;
	color: #ffffff;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: underline;
	color: #ffffff;
}
a:active {
	text-decoration: none;
	color: #ffffff;
}




.red a:link {
	text-decoration: none;
	color: #F4002D;
}
.red a:visited {
	text-decoration: none;
	color: #F4002D;
}
.red a:hover {
	text-decoration: underline;
	color: #F4002D;	
}
.red a:active {
	text-decoration: none;
	color: #F4002D;
}



.white a:link {
	text-decoration: none;
	color: #ffffff;
}
.white a:visited {
	text-decoration: none;
	color: #ffffff;
}
.white a:hover {
	text-decoration: underline;
	color: #ffffff;	
}
.white a:active {
	text-decoration: none;
	color: #ffffff;
}
	
	
.same a:link {
	text-decoration: none;
	color: #545454;
}
.same a:visited {
	text-decoration: none;
	color: #545454;
}
.same a:hover {
	text-decoration: underline;
	color: #545454;	
}
.same a:active {
	text-decoration: none;
	color: #545454;
}	
	
	
.same2 a:link {
	text-decoration: none;
	color: #ffffff;
}
.same2 a:visited {
	text-decoration: none;
	color: #ffffff;
}
.same2 a:hover {
	text-decoration: underline;
	color: #ffffff;	
}
.same2 a:active {
	text-decoration: none;
	color: #ffffff;
}	

/* =============================================================================
  EMBEDDED CONTENT
============================================================================= */
img {
max-width: 100%;
}
img {text-decoration: none; border: 0px}
	
	
.desktop {display:block;}	
.mobile {display:none;}	
	
.desktop2 {display:block;}	
.mobile2 {display:none;}	
	
	.desktop900 {display:block;}	
.mobile900 {display:none;}	
	
	.left-plate {
	float: left;
		width: 350px;
		height: 640px;	
		position: relative;
		z-index: 8888;
		
	}	
	
	
	.right-plate {
	float: right;
		width: 350px;
		height: 640px;	
		position: relative;
		z-index: 8888;
		
	}	
	
	
.header {
	float: left;
width: calc(100% - 750px);
height: auto;
	padding-top: 125px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	
}
	
	
	
	.top-long-box {
		float: left;
		width: 100%;
		margin-top: -240px;
		position: relative;
		z-index: 7777;	
	}



	.inner-top-long-box {
		float: left;
			height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
		margin-bottom: 70px;
	width: 100%;
	}
	
	

	.top-left-box {
		
		float: left;
		padding-left: 330px;
		width: 25%;
		padding-right: 25px;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
	}
	
	
	.top-right-box {
		
		float: right;
		padding-right: 330px;
		width: 25%;
		padding-left: 25px;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
		
	}
	
	
	

	.footer {
	float: left;
width: 100%;
height: auto;
	text-align: center;
position: relative;
		
		margin-top: -80px;
}
	
	
	
		.footer-left-box {
	float: left;
			position: absolute;
			left: 120px;
			bottom: 40px;
		width: 345px;
			height: auto;
		

	}	
	
	.footer-right-box {
	float: right;
		position: absolute;
			right: 120px;
			bottom: 40px;
		width: 345px;
			height: auto;
		
	}	
	
	
	.button {
		font-family: 'Lato', sans-serif;
float: left;
display: inline-block;
height: auto;
	width: 345px;
background-color: #BE0900;
position: relative;
border: solid #ffffff 2px;
		margin-bottom: 20px;
}
 
.button a {
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	display: block;
	font-size: 33px;
	line-height: 45px;
	text-align: center;
	text-decoration: none !important;
	padding-top: 7px;
	padding-bottom: 7px;
	
}

.button:hover {
	background-color: #002B0B; 
	border: solid #ffffff 2px;
}

.button:hover a {
	color: #ffffff;
}

	
	
	.slideshow {
		
	float: left;
	width: calc(100% - 1030px);
	margin-left: 515px;
		margin-right: 515px;
		height: auto;
	
		
	}	
	
	

	@media (max-width: 1850px)

{
		
  h1 {
	font-family: 'Playfair Display', serif;
	font-weight: black;
color: #ffffff;
font-size: 82px;
line-height: 92px;
margin: 0;
padding: 0; 
	
}

	.footer-left-box {
	float: left;
			position: absolute;
			left: 70px;
			bottom: 40px;
		width: 345px;
			height: auto;
		

	}	
	
	.footer-right-box {
	float: right;
		position: absolute;
			right: 70px;
			bottom: 40px;
		width: 345px;
			height: auto;
		
	}	
	
	
	.slideshow {
		
	float: left;
	width: calc(100% - 930px);
	margin-left: 465px;
		margin-right: 565px;
		height: auto;
	
		
	}	
  
	}
	
	
	@media (max-width: 1715px)

{
	.footer {
	float: left;
width: 100%;
height: auto;
	text-align: center;
position: relative;
		
		margin-top: -30px;
}
	
	.top-long-box {
		float: left;
		width: 100%;
		margin-top: -190px;
		position: relative;
		z-index: 7777;	
	}
	
	
	
		.footer-left-box {
	float: left;
			position: absolute;
			left: 90px;
			bottom: 50px;
		width: 345px;
			height: auto;
		

	}	
	
	.footer-right-box {
	float: right;
		position: absolute;
			right: 90px;
			bottom: 50px;
		width: 345px;
			height: auto;
		
	}	
	
	
	
	}
	
@media (max-width: 1670px)

{
	
	.top-long-box {
		float: left;
		width: 100%;
		margin-top: -190px;
		position: relative;
		z-index: 7777;	
	}
	
	
	.footer {
	float: left;
width: 100%;
height: auto;
	text-align: center;
position: relative;
		
		margin-top: 20px;
}
	

	
.footer-left-box {
	float: left;
			position: absolute;
			left: 30px;
			bottom: 50px;
		width: 345px;
			height: auto;
		

	}	
	
	.footer-right-box {
	float: right;
		position: absolute;
			right: 30px;
			bottom: 50px;
		width: 345px;
			height: auto;
		
	}		
	
	
	.button a {
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	display: block;
	font-size: 23px;
	line-height: 35px;
	text-align: center;
	text-decoration: none !important;
	padding-top: 7px;
	padding-bottom: 7px;
	
}
	
	.slideshow {
		
	float: left;
	width: calc(100% - 830px);
	margin-left: 415px;
		margin-right: 465px;
		height: auto;
	
		
	}	
	
	}
	
	
	
	
	
	@media (max-width: 1470px)

{
	
	.top-left-box {
		
		float: left;
		padding-left: 280px;
		width: 25%;
		padding-right: 25px;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
	}
	
	
	.top-right-box {
		
		float: right;
		padding-right: 280px;
		width: 25%;
		padding-left: 25px;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
		
	}
	
	
	.footer-left-box {
	float: left;
			position: absolute;
			left: 50px;
			bottom: 30px;
		width: 300px;
			height: auto;
		

	}	
	
	.footer-right-box {
	float: right;
		position: absolute;
			right: 50px;
			bottom: 30px;
		width: 300px;
			height: auto;
		
	}	
	
	.button {
		font-family: 'Lato', sans-serif;
float: left;
display: inline-block;
height: auto;
	width: 300px;
background-color: #BE0900;
position: relative;
border: solid #ffffff 2px;
		margin-bottom: 20px;
}
	
	
	}
	
	
	
	@media (max-width: 1400px)

{
	
	.left-plate {
	float: left;
		width: 320px;
		
		position: relative;
		z-index: 8888;
		
	}	
	
	
	.right-plate {
	float: right;
		width: 350px;
		height: 640px;	
		position: relative;
		z-index: 8888;
		display:none;
		
	}	
	
	

.header {
	float: left;
width: calc(100% - 400px);
height: auto;
	padding-top: 50px;
	padding-left: 0px;
	padding-right: 25px;
	text-align: center;
	
}
	
	
	h1 {
	font-family: 'Playfair Display', serif;
	font-weight: black;
color: #ffffff;
font-size: 65px;
line-height: 75px;
margin: 0;
padding: 0; 
	
}
	
	h2 {
font-family: 'Lato', sans-serif;
color: #ffffff;
font-size: 28px;
line-height: 38px;
margin: 0;
padding: 0;
margin-bottom: -10px;
margin-top: 20px
}
	
	.top-long-box {
		float: left;
		width: 100%;
		margin-top: -350px;
		position: relative;
		z-index: 7777;	
		
	}
	
	
	.top-left-box {
		
		float: left;
		padding-left: 400px;
		width: calc(100% - 550px);
		padding-right: 150px;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
	}
	
	
	.top-right-box {
		
		float: left;
		padding-left: 400px;
		width: calc(100% - 550px);
		padding-right: 150px;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
		
	}
	

	
	.footer {
	float: left;
width: 100%;
height: auto;
	text-align: center;
position: relative;
		
		margin-top: 0px;
}
	
	
	
	.footer-left-box {
	float: left;
			position: relative;
			left: 15%;
			bottom: 30px;
		width: 300px;
			height: auto;
		

	}	
	
	.footer-right-box {
	float: right;
		position: relative;
			right: 15%;
			bottom: 30px;
		width: 300px;
			height: auto;
		
	}	
	
	
	.button {
		font-family: 'Lato', sans-serif;
float: left;
display: inline-block;
height: auto;
	width: 300px;
background-color: #BE0900;
position: relative;
border: solid #ffffff 2px;
		margin-bottom: 20px;
}
	
	.slideshow {
		
	float: left;
		position: absolute;
	width: 50%;
	margin-left: 25%;
		margin-right: 25%;
		height: auto;
	top: 120px;
		
	}	
	
	}
	
	
	@media (max-width: 1169px)

{
	
	.left-plate {
	float: left;
		width: 220px;
		
		position: relative;
		z-index: 8888;
		
	}	
	
	
	.right-plate {
	float: right;
		width: 220px;
		
		position: relative;
		
		z-index: 8888;
		display:block;
		
	}	
	
	

.header {
	float: left;
width: calc(100% - 440px);
height: auto;
	padding-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	
}
	
	
	h1 {
	font-family: 'Playfair Display', serif;
	font-weight: black;
color: #ffffff;
font-size: 65px;
line-height: 75px;
margin: 0;
padding: 0; 
	
}
	
	h2 {
font-family: 'Lato', sans-serif;
color: #ffffff;
font-size: 28px;
line-height: 38px;
margin: 0;
padding: 0;
margin-bottom: -10px;
margin-top: 20px
}
	
	.top-long-box {
		float: left;
		width: 100%;
		margin-top: -300px;
		position: relative;
		z-index: 7777;	
		
		
	}
	
	
	.top-left-box {
		
		float: left;
		padding-left: 150px;
		width: calc(100% - 300px);
		padding-right: 150px;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
	}
	
	
	.top-right-box {
		
		float: left;
		padding-left: 150px;
		width: calc(100% - 300px);
		padding-right: 150px;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
		
	}
	
	
	
	.footer {
	float: left;
width: 100%;
height: auto;
	text-align: center;
position: relative;
		
		margin-top: 0px;
}
	
	
	
	.footer-left-box {
	float: left;
			position: relative;
			left: 15%;
			bottom: 30px;
		width: 300px;
			height: auto;
		

	}	
	
	.footer-right-box {
	float: right;
		position: relative;
			right: 15%;
			bottom: 30px;
		width: 300px;
			height: auto;
		
	}	
	
	
	.button {
		font-family: 'Lato', sans-serif;
float: left;
display: inline-block;
height: auto;
	width: 300px;
background-color: #BE0900;
position: relative;
border: solid #ffffff 2px;
		margin-bottom: 20px;
}
	
	.slideshow {
		
	float: left;
		position: absolute;
	width: 50%;
	margin-left: 25%;
		margin-right: 25%;
		height: auto;
	top: 120px;
		
	}	
	
	}
	
	
	
	@media (max-width: 1090px)

{
	
	.footer {
	float: left;
width: 100%;
height: auto;
	text-align: center;
position: relative;
		
		margin-top: 30px;
}
	
	
	
	.footer-left-box {
	float: left;
			position: relative;
			left: 10%;
			bottom: 30px;
		width: 300px;
			height: auto;
		

	}	
	
	.footer-right-box {
	float: right;
		position: relative;
			right: 10%;
			bottom: 30px;
		width: 300px;
			height: auto;
		
	}	
	
	
	.button {
		font-family: 'Lato', sans-serif;
float: left;
display: inline-block;
height: auto;
	width: 300px;
background-color: #BE0900;
position: relative;
border: solid #ffffff 2px;
		margin-bottom: 20px;
}
	
	.slideshow {
		
	float: left;
		position: absolute;
	width: 50%;
	margin-left: 25%;
		margin-right: 25%;
		height: auto;
	top: 150px;
		
	}	

	}
	
	
	
	
	@media (max-width: 900px)

{
	
		.desktop900 {display:none;}	
.mobile900 {display:block;}	
	
	.left-plate {
	float: left;
		width: 220px;
		
		position: relative;
		z-index: 8888;
		display:none;
	}	
	
	
	.right-plate {
	float: right;
		width: 220px;
		
		position: relative;
		
		z-index: 8888;
		display:block;
		
	}	
	
	

.header {
	float: left;
width: calc(100% - 240px);
height: auto;
	padding-top: 50px;
	padding-left: 20px;
	padding-right: 0px;
	text-align: center;
	
}
	
	.top-long-box {
		float: left;
		width: 100%;
		margin-top: -280px;
		position: relative;
		z-index: 7777;
		
	}
	
	
	.top-left-box {
		
		float: left;
		padding-left: 50px;
		width: calc(100% - 200px);
		padding-right: 150px;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
	}
	
	
	.top-right-box {
		
		float: left;
		padding-left: 50px;
		width: calc(100% - 200px);
		padding-right: 150px;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
		
	}
	
	.footer {
	float: left;
width: 100%;
height: auto;
	text-align: center;
position: relative;
		
		margin-top: 70px;
}
	
	
	
	.footer-left-box {
	float: left;
			position: relative;
			left: 5%;
			bottom: 30px;
		width: 300px;
			height: auto;
		

	}	
	
	.footer-right-box {
	float: right;
		position: relative;
			right: 5%;
			bottom: 30px;
		width: 300px;
			height: auto;
		
	}	
	
	
	.button {
		font-family: 'Lato', sans-serif;
float: left;
display: inline-block;
height: auto;
	width: 300px;
background-color: #BE0900;
position: relative;
border: solid #ffffff 2px;
		margin-bottom: 20px;
}
	
	.slideshow {
		
	float: left;
		position: absolute;
	width: 50%;
	margin-left: 25%;
		margin-right: 25%;
		height: auto;
	top: 150px;
		
	}	

	
	}
	
	
	
	@media (max-width: 750px)

{
	
	.left-plate {
	float: left;
		width: 220px;
		
		position: relative;
		z-index: 8888;
		display:block;
	}	
	
	
	.right-plate {
	float: right;
		width: 180px;
		
		position: relative;
		
		z-index: 8888;
		display:none;
		
	}	
	
	

.header {
	float: left;
width: calc(100% - 280px);
height: auto;
	padding-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	
}
	
	
	.top-long-box {
		float: left;
		width: 100%;
		margin-top: -280px;
		position: relative;
		z-index: 7777;	
		
	}
	
	
	.top-left-box {
		
		float: left;
		padding-left: 7%;
		width: 86%;
		padding-right: 7%;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
	}
	
	
	.top-right-box {
		
		float: left;
		padding-left: 7%;
		width: 86%;
		padding-right: 7%;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
		
	}
	
	
	.footer {
	float: left;
width: 100%;
height: auto;
	text-align: center;
position: relative;
		
		margin-top: 70px;
}
	
	
	
	.footer-left-box {
	float: left;
			position: relative;
			left: 25%;
		right: 25%;
		
		margin-right: 25%;
			bottom: 30px;
		width: 50%;
			height: auto;
		margin-bottom: 40px;

	}	
	
	.footer-right-box {
	float: left;
			position: relative;
			left: 25%;
		right: 25%;
			margin-right: 25%;
			bottom: 30px;
		width: 50%;
			height: auto;
		
	}	
	
	
	.button {
		font-family: 'Lato', sans-serif;
float: left;
display: inline-block;
height: auto;
	width: 100%;
background-color: #BE0900;
position: relative;
border: solid #ffffff 2px;
		margin-bottom: 20px;
}
	
	.slideshow {
		
	float: left;
		position: absolute;
	width: 70%;
	margin-left: 15%;
		margin-right: 15%;
		height: auto;
	top: 400px;
		margin-top: 50px;
		
	}	
	
	
	
	
	}
	
	
	@media (max-width: 690px)

{
	
	.left-plate {
	float: left;
		width: 220px;
		
		position: relative;
		z-index: 8888;
		display:none;
	}	
	
	
	.right-plate {
	float: right;
		width: 180px;
		
		position: relative;
		
		z-index: 8888;
		display:none;
		
	}	
	
	

.header {
	float: left;
width: 94%;
height: auto;
	padding-top: 30px;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;

}
	
	
	.top-long-box {
		float: left;
		width: 100%;
		margin-top: 25px;
		position: relative;
		z-index: 7777;
		margin-bottom: 25px;
		
	}
	
	
	.top-left-box {
		
		float: left;
		padding-left: 7%;
		width: 86%;
		padding-right: 7%;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
	}
	
	
	.top-right-box {
		
		float: left;
		padding-left: 7%;
		width: 86%;
		padding-right: 7%;
		height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
		
	}	
	
	
	
	
	}	
	
	.footer {
	float: left;
width: 100%;
height: auto;
	text-align: center;
position: relative;
		
		margin-top: 0px;
}
	
	
	
	}
	
	
	@media (max-width: 625px)

{
	
	h1 {
	font-family: 'Playfair Display', serif;
	font-weight: black;
color: #ffffff;
font-size: 45px;
line-height: 55px;
margin: 0;
padding: 0; 
	
}
	
	
	
	h2 {
font-family: 'Lato', sans-serif;
color: #ffffff;
font-size: 24px;
line-height: 30px;
margin: 0;
padding: 0;
margin-bottom: 0px;
margin-top: 20px
}
	
	
	
	
	}
	
	
	
	@media (max-width: 500px)

{
	h1 {
	font-family: 'Playfair Display', serif;
	font-weight: black;
color: #ffffff;
font-size: 41px;
line-height: 51px;
margin: 0;
padding: 0; 
	
}
	
	
	h2 {
font-family: 'Lato', sans-serif;
color: #ffffff;
font-size: 25px;
line-height: 30px;
margin: 0;
padding: 0;
margin-bottom: 0px;
margin-top: 20px
}
		
h3 {
font-family: 'Lato', sans-serif;
color: #ffffff;
font-size: 20px;
line-height: 30px;
margin: 0;
padding: 0;
margin-bottom: -10px;
margin-top: 20px
}

p {
	color: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 26px;	
}
	
	
	.inner-top-long-box {
		float: left;
			height: auto;	
		background: rgba(255, 255, 255, .2); 
		text-align: center;
		margin-bottom: 70px;
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	
	.footer {
	float: left;
width: 100%;
height: auto;
	text-align: center;
position: relative;
		
		margin-top: 30px;
}
	
	.footer-left-box {
	float: left;
			position: relative;
			left: 10%;
		right: 10%;
		
		margin-right: 10%;
			bottom: 30px;
		width: 80%;
			height: auto;
		margin-bottom: 40px;

	}	
	
	.footer-right-box {
	float: left;
			position: relative;
			left: 10%;
		right: 10%;
		
		margin-right: 10%;
			bottom: 30px;
		width: 80%;
			height: auto;
		
	}	
	
	
	.button {
		font-family: 'Lato', sans-serif;
float: left;
display: inline-block;
height: auto;
	width: 100%;
background-color: #BE0900;
position: relative;
border: solid #ffffff 2px;
		margin-bottom: 20px;
}
	
	.slideshow {
		
	float: left;
		position: absolute;
	width: 90%;
	margin-left: 5%;
		margin-right: 0%;
		height: auto;
	top: 400px;
		
	}	
	
	
	
	
	}