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

body{
	font-family: 'Actor', Arial, sans-serif;
	font-weight: 400;
}
header{
	text-align: center;
	width: 100%;
	padding: 1rem 0;
	background-image: url('../images/bg.jpg');
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-repeat: none;
	background-attachment:fixed;
	background-color: #4F260A;
}
h1{
	font-family: 'Kreon', Georgia, serif;
	font-weight: 900;
	font-size: 4rem;
	color: #FFB934;
	text-shadow:-2px 2px 0px #4F260A;
}
h2, .panel h2{
	font-family: 'Kreon', Georgia, serif;
	font-weight: 700;
	font-size: 2.5rem;
	color: #FFB934;
	text-shadow:-2px 2px 0px #4F260A;
}
.large-12 h2, .large-12 h1{
	margin: 0 10px 0 0;
	display: inline;
	/* display: inline; */
}

section{
	padding: 1rem 0;
}
p{
	font-size: 1.5rem;
}
li{
	padding: 0 1%;
	float: left;
	width: 100%;
	max-width: 400px;
}
footer{
	clear: both;
	background-color: #4F260A;
	color: #FFB934;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding: 1rem 0px;
	text-align: center;
}
.row{
	background-color: rgba(0,0,0,0);

}
.clear{
	clear: both;
}
.logo{
	margin: 0 auto;
	width: 150px;
	height: 150px;
	font-size: 6rem;
	color: #FFB934;
	background-color: #66310D;
	border-radius: 300px;
	padding: 2rem 0 0 0;
	text-align: center;
}
.slider{
	width: 100%;
	overflow: scroll;
	padding: 2rem 0;
	max-height: 500px;
}
.small-3 h2{
	text-align: center;

}
.about{
	background-color: #4F260A;
	color: white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.contact {
	padding: 2rem 0;
}


.panel{
	background-color: #4F260A;
	margin: 1rem 0;
	min-width: 400px;
	border: none;
}

/* ---- SWIPE.JS ---- */

.swipe {  
    overflow: hidden;
    position: relative;    
    width: 100%;   
    margin: 1rem auto 1rem;  
}  
.swipe-wrap {  
    /*overflow: hidden; */ 
    position: relative;  
}  
.swipe-wrap > div {  
	padding: 0 1%;
    float: left;  
    width: 100%;  
    position: relative;  
}  
.nav{
	font-family: 'Kreon', Georgia, serif;
	cursor: pointer;
	color: white;
	font-size: 4rem;
	background-color: rgba(0,0,0,.5);
	padding: 1rem;
}
.prev{
	position: relative;
	top: -210px;
	left: -298px;
}
.next{
	position: relative;
	top: -210px;
	left: 298px;
}
@media only screen and (max-width: 1000px) {
	header{
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}

	}
@media only screen and (max-width: 700px) {
	.large-12 h2, .large-12 h1{
		display: block;
	}
	.panel{
		width: 90%;
		min-width: 200px;
	}
	header .row .large-12{
		padding: 1rem;
		background-color: #66462F;
	}
	header{
		background-image:none; 
	}
	}