@charset "utf-8";

@font-face {
	font-family: 'Please';
	src: url('./fonts/Please.eot'); /* IE9 Compat Modes */
    src: url('./fonts/Please.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/Please.woff2') format('woff2'), /* Modern Browsers */
    url('./fonts/Please.woff') format('woff'), /* Modern Browsers */
    url('./fonts/Please.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/Please.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: no

}
@font-face {
  font-family: 'Myriad';
  src: url('./fonts/MyriadPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/MyriadPro-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('./fonts/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
    url('./fonts/MyriadPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/MyriadPro-Regular.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}

html {
	width:100%;
	height:100%;
}

body {
	margin:0;
	background:url(../img/back.jpg) bottom center no-repeat;
	background-size: cover;
	background-attachment:fixed;
}

header{
	width:100%;
	height:160px;
}

.clear{
	width:100%;
	clear:both;
}

.col1000{
	width:1000px;
	margin:0 auto;
}

.col500{
	width:500px;
	float:left;
}

#logo{
	padding:15px 0 0 20px;;
}

#top{
	background: #FFF url(../img/topback.jpg) top center no-repeat;
	height:120px;
	width:1000px;
	margin:0 auto;
	margin-top:10px;
	border-radius:10px 10px 0 0;
	box-shadow:0 0 10px rgba(0,0,0,0.5)}

#menubar{
	width:1000px;
	height:40px;
	background:#502C18 url(../img/menubar.png) no-repeat top left;;
	margin:0 auto;
	box-shadow:0 0 10px rgba(0,0,0,0.5);

}

#content{
	width:1000px;
	margin:0 auto;
	background-color:rgba(255,255,255,0.9);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}

h1{
	font-family:"Please", Arial, Helvetica, sans-serif;
	font-size:30pt;
	color:#502C18;
	margin:30px 0 10px 30px ;
	font-weight:normal;
}

h3{
	font-family:"Myriad", Arial, Helvetica, sans-serif;
	font-size:20pt;
	color:#502C18;
	margin:10px 20px;
	font-weight:normal;
}

.slider h1{
	font-size:40pt;
	padding-top:280px;
}


p{ font-family:"Myriad", Arial, Helvetica, sans-serif;
	font-size:11pt;
	line-height:18pt;
	text-align:justify;
	color:#666;
	margin: 10px 30px 10px;
	
}

.col1000{
	width:1000px;
	margin:0 auto;
}
.col500{
	width:500px;
	float:left;
}

.col500 img{
	width:100%;
	height:auto;
	
}

img#instagram {
	width:30px;
	height:auto;
	margin:0 5px -8px 5px;
}

img#twitter {
	width:30px;
	height:auto;
	margin:0 5px -8px 5px;
}

img#facebook {
	width:30px;
	height:auto;
	margin:0 5px -8px 5px;
}


.clear {
	width:100%;
	clear:both;
	height:20px;
}

form{
	margin-left: 20px;
}

input, textarea{
	padding:7px;
	font-size:13pt;
	color: #000;
	border-radius:10px;
	border:none;
	width:100%;
	background-color: rgba(0,0,0,0.1);
	border: 1px #fff solid;}
	
input:focus, textarea:focus	 {
	background-color: #FFF;
	border: 1px #CCCCCC solid;
}

input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder {
  color: #666;
}

textarea{
	font-family:Arial, Helvetica, sans-serif;
}

input.botonform{
	margin-left:auto;
	width:95%;
	background-color:#502C18;
	color:#FFF;
}

.contactotext {
	text-align:center;
}

.contactotext a{

text-decoration:none;
color:#666;

}
#fb-link{
	float:right;
	font-family:"Myriad", Arial, Helvetica, sans-serif;
	color:#06C;
	font-weight:bold;
	margin:35px 20px 0 0;
	font-size:10pt;
	text-align:center;
}

#fb-link a {
	text-decoration:none;
	color:#06C;
	transition:all ease 0.5s;
	display:inline-block;
}

#fb-link a:hover{
	transform:scale(1.1);
}

#fb-link img{
	transition:all ease 0.5s;
	transform:scale(0.9);
	padding:5px;
}


footer{
	width:1000px;
	height:40px;
	padding-top:40px;
	margin:0 auto;
	background:rgba(81,45,25,0.8) url(../img/footerback.jpg) top center no-repeat;
	margin-bottom:20px;
	text-align:center;
	color:#FFF;
	font-family:"Myriad", Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 1000px){
	



#content, footer{
	width:97%;
}

#top{
	position:fixed;
	border-radius:0;
	margin:0 auto;
	z-index:1;
	width:100%;

	}
#menubar{
	position:fixed;
	margin-top:120px;
	width:100%;
	z-index:2;
}

.slider h1{
		padding-top:250px;
	}

.col1000{
	width:100%;
}

.col500{
	width:50%;
}


}

@media screen and (max-width: 800px){
	.slider h1{
		padding-top:210px;
		font-size:30pt;
	}
}

@media screen and (max-width: 728px) {
	.unslider li { height:250px;}
}

@media screen and (max-width: 640px){
	.col500{
	width:100%;
	}
	.slider h1{
		padding-top:135px;
		font-size:25pt;	
	}
}

@media screen and (max-width: 530px) {
	.slider h1{
		padding-top:120px;
	}
	
	h1{
		font-size:25pt;
	}
	p {
		font-size:11pt;
	}
	footer{
		font-size:10pt;
	}
}

@media screen and (max-width: 480px){
	
	h1{
		font-size:20pt;
	}
	
	h3 { font-size: 18pt;
	}
	
	#fb-link{
		margin-right:15px;

		font-size:8pt;
	}
	
	#fb-link img{
		width:20px;
		height:auto;
		margin-bottom:-8px;
	}
	
	.slider h1{
		padding-top:80px;
	}
	
	img#logo{
		width:180px;
		height:auto;
	}
	
}

@media screen and (max-width: 320px) {
	.slider h1{
		padding-top:60px;
		font-size:20pt;
	}
	h3 { font-size: 15pt;
	}
}