@font-face {
    font-family: 'Desyrel';
    src: url('fonts/desyrel-webfont.eot');
    src: url('fonts/desyrel-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/desyrel-webfont.woff') format('woff'),
         url('fonts/desyrel-webfont.ttf') format('truetype'),
         url('fonts/desyrel-webfont.svg#desyrelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color:#eae0d4;
	color:#000000;
	font-weight:bold;
}

a, a:visited, a:link, a:hover {
	color:#869425;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;	
}

.green {
	color:#869425;
}

nav.navbar {
	border:0px;
	background:transparent;
	margin-top:40px;
}

nav.navbar a, nav.navbar a:visited, nav.navbar a:link {
	font-family: "Desyrel", "Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#000;
	text-decoration:none;
	font-size:1.5em;
}

nav.navbar a:hover {
	color:#869425;
}

h1, h2, h3, h4, h5 {
	font-family: "Desyrel", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#header {
	height:140px;
	min-height:100px;
	max-height:140px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eae0d4+0,eae0d4+49,ffffff+50,ffffff+100&1+0,1+49,0.5+50,0.5+100 */
	background: url('logo.png') no-repeat, -moz-linear-gradient(top, rgba(234,224,212,1) 0%, rgba(234,224,212,1) 64%, rgba(255,255,255,0.5) 65%, rgba(255,255,255,0.5) 100%); /* FF3.6-15 */
	background: url('logo.png') no-repeat, -webkit-linear-gradient(top, rgba(234,224,212,1) 0%,rgba(234,224,212,1) 64%,rgba(255,255,255,0.5) 65%,rgba(255,255,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url('logo.png') no-repeat, linear-gradient(to bottom, rgba(234,224,212,1) 0%,rgba(234,224,212,1) 64%,rgba(255,255,255,0.5) 65%,rgba(255,255,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae0d4', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
	background-size: auto 100%; 
	background-position: center;
	position:relative;
	z-index: 10001;
}

#content-container
{
	margin-top:-50px;
	background-position: top center;
	background-repeat: no-repeat; 
	background-size: 100% auto; 
	position:relative;
}

#content-wave {
	background-image:url('welle.png');
	height:90px;
	margin-top: -60px;
	z-index: 10000;
	position: relative;
}

#content-top-bg {

	position:absolute; 
	background-color:rgba(255,255,255,0.8); 
	height:60%; 
	bottom:0px; 
	width: 50%; 
	left:25%; 
	right: 25%;
	
}

#content-top {
	border: 1px dotted #000;
	padding:10px;
	position:absolute; 
	top:10px;
	bottom:10px; 
	left:10px; 
	right: 10px;
}

#content {
	width:50%;
}

#footer {
	padding-bottom:50px;
}

#fancybox-wrap 
{
	width: auto !important;
	background-color:transparent !important;
	z-index: 10002 !important;
}

#fancybox-outer
{
	background-color:transparent !important;
}

#fancybox-content
{
	border:0px !important;
}

#fancybox-overlay {

	background-color: rgb(121, 97, 60) !important;
	z-index: 10001 !important;
}

.fancybox-bg
{
	display:none !important;
}

.navbar-default .navbar-nav>li>a {
	color:#000;
}


.navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li:hover>a{
	color:#869425;
}


.nav>li>a
{
	background:transparent;
	padding:10px 45px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background:transparent;
	color:#869425;
}

.navbar {
	margin-bottom:0px;
}

.googlemap {
	width:100%;
	height:300px;
}


.navbar-brand {
	height:auto;
	padding: 0px;
}

.pull-right-web
{

}

.navbar-default .navbar-toggle {
	margin-top:43px;
}

.row .col img {
	max-width:100%;
	height:auto;
}

.margin-top-20 {
	margin-top: 20px;
}

.container#content > .row > .col {
	padding:10px;
}

.container#content > .row > .col-nopad {
	padding-left:0px !important;
	padding-right:0px !important;
}

.navbar-default .navbar-toggle .icon-bar
{
	background-color:#000;
}

.navbar-default .navbar-toggle {
	border-color:#869425;
}

.row .gallery img {

	margin:auto;
	width:80%;
	margin-top:20px;
	margin-bottom:20px;
	border: 0px; 
	background-color: #eed; 
	box-shadow: 0px 0px 10px rgba(0,0,0,0.6); 
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); 
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6); 
	-o-box-shadow: 0px 0px 10px  rgba(0,0,0,0.6); 
	border-radius:100%; 
}

@media only screen and (min-width : 1201px) {

}

@media only screen and (max-width : 1200px) {
	.nav>li>a {
		padding:10px 25px;
	}
	#content-top-bg
	{
		height:70%; 
		bottom:0px; 
		width: 70%; 
		left:15%; 	
	}

	#content {
		width:70%;
	}
	
}

@media only screen and (max-width : 992px) {
	#content-top-bg {
		height:85%; 
		left: 5%;
		width: 90%;
	}

	#content {
		width:90%;
	}

	#header {
		height:100px;
	}

	nav.navbar {
		margin-top:20px;
	}

	#header-content {
		width:100%;
	}

	.nav>li>a {
	    padding: 10px 15px;
	}

}

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

	nav.navbar {
		margin-top: -30px;
		height:auto;
	}

	.navbar-default .navbar-collapse {
			background-color:#ffffff;
	}

	#content-wave {
		display:none;
	}

	#content-top-bg {

		position:relative; 
		background-color:transparent; 
		height:100%; 
		bottom:0px; 
		width: 80%; 
		left:10%; 
		
	}

	#content-top {
		border: 0px;
		padding:10px;
		position:relative; 
		top:10px;
		bottom:10px; 
		left:10px; 
		right: 10px;
	}


	/*.pull-right-web
	{
		float:right;
	}

	nav.navbar > .container-fluid {
		padding: 0px;
	}

	nav.navbar div.collapse {
		padding: 0px;
	}

	.nav>li>a {
		padding-left:30px;
		padding-right:0px;
	}

	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left:0px;
	}

	.navbar-nav {
		margin-top:43px;
	}

	.container#content > .row > .col {
		padding:30px;
	}
	
	.container#content > .row img, .container#content > .row .carousel {
		padding:-20px !important;
	}

	.container {
		padding:0px !important;
	}

	.row {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}*/

}


@media only screen and (max-width : 480px) {
	
}


@media only screen and (max-width : 320px) {
    div.navbar-collapse {
			background-color:#ffffff;
	}
	#content-top-bg {
		height:90%; 
		left:10%;
		width:80%;
	}
}