@charset "ISO-8859-1";
@font-face {
 font-family: 'Handlee';        
   font-style: cursive;
   font-weight: 400;
   src: local('Handlee-Regular'),
   url(/fonts/Handlee-Regular.woff) format('woff');
   
}


body {
 	font-family:  'Handlee', cursive;
	font-size:12px;
	color:#545859;
	text-decoration:none;
	background-color:white;
	margin:0px;
  background-size: cover;
}

a { color: #7b932f; } a:link { color:#7b932f; } a:visited { color: red; background-color: black; } a:hover{color:white; background:#7b932f;}

div#header{
  z-index:99999;
  position:fixed;
  width:100%;
  background-color:black;
	background-repeat: repeat-x;
  background-position: center;margin-left: auto; margin-right: auto; padding:0px; margin:0px; height:180px;
}

.container_v-footer {
  flex: none; /* 2 */
}

.container-v_footer-content {
  flex: 1 0 auto; /* 2 */
  padding: var(--space) var(--space) 0;
  width: 100%;
}
.container-v_footer-content::after {
  content: '\00a0'; /*   */
  display: block;
  margin-top: var(--space);
  height: 0px;
  visibility: hidden;
}

.tel{
position:absolute; margin-left:60%; top:80px;
}
/*.nav-open {
	display: none;	
}

#nav {
	position: relative;
	float: right;
	width: 750px;
	margin-top: 146px;
	margin-right:5%;
	background: black;
	padding-left:0px;
	font-size:20px;
  font-family: 'Handlee', cursive;
}

#nav ul {
	margin: 0px;
	padding: 0;
	list-style: none;
}

#nav ul li {
	float: left;
}

#nav ul li.close {
	display: none;
}

#nav ul li a {
	padding: 0px 20px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#nav ul li a:hover {
	background: #111;
	color: #aaa;
}*/

/*neu menu*/
.nav{
position: relative;
	margin-top: 130px;
	margin-left:15%;
	width: 905px;

font-family: 'Handlee', cursive;
	font-size:20px;
		}
/*Strip the ul of padding and list styling*/
.nav ul {
    list-style-type:none;
    margin-right:0%;
    padding:0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
.nav li {
    display:inline-block;
    float: left;
    margin-right: 0px;
		
}
/*Style for menu links*/
.nav li a {
    display:block;
    min-width:90px;
		padding: 0px 10px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-family: 'Handlee', cursive;
	font-size:20px;
    color: #fff;
    background: #2f3036;
    text-decoration: none;
		
}
/*Hover state for top level links*/
.nav li:hover a {
    background: #415509;
		color:#feef6c;
}
/*Style for dropdown links*/
.nav li:hover ul a {
    background: #7f8291;
    color: #fff;
    height: 34px;
    line-height: 34px;min-width:140px;
}
/*Hover state for dropdown links*/
.nav li:hover ul a:hover {
    background: #536c0d;
    color: #cce6c5;
}
/*Hide dropdown links until they are needed*/
.nav li ul {
    display: none;
}
/*Make dropdown links vertical*/
.nav li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
.nav li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 10px;
}
/*Display the dropdown on hover*/
.nav ul li a:hover + .hidden, .hidden:hover {
    display: block;
		
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: 'Handlee', cursive;
		font-size:20px;
    text-decoration: none;
    color: #fff;
    background: #415509;
    text-align: center;
    padding: 10px 0;
    display: none;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}



.container_v {
  font-size:20px;
	
  margin:auto;
  width:70%;
  display: -webkit-flex;
  display: flex;
  background:white;
  padding:0px;
}

.container_v > div {
  width: 100%;
  padding: 0px;
  background:white;
}
img { 
  width: 90%; 
  height: auto; 
}

.img2 {
  width: 50%; 
  height: auto;
 }
 
 .img3 {
  width: 30%; 
  height: auto;
 }
 
  .img4 {
  width: auto; 
  height: 100%;
 }
 
 .vid2 {
  width: 90%; 
  height: auto;
 }
iframe{
				width: 70%;
				height: 480px;
			}
@media screen and (max-width: 1025px) {

.tel{
		position:absolute;  top:140px; height:100%;
		}

img { 
		margin: 0;
		}

.img2 {
			width: 90%; 
			margin: 0; 
			}
.img3 {
			width: 80%; 
			margin: 0; 
			}
.vid2 {
			width: 80%; 
			height: auto;
			}

iframe { 
				width: 90%; 
				margin: 0;
				height: 50%;
			 }

/*.nav-open {
	position: fixed;
	top: 180px;
	left: 0;
	background: white;
		font-size:20px;
		font-family: 'Handlee', cursive;
	display: block;
	width: 100%;

}

.nav-open a {
	
	padding: 0px 0px;
	display: block;
	color: #333;
	text-align: center;
	text-decoration: none;	
}
	
#nav {
	position: fixed;
	
top:-100%;
	left: 0;
	float: none;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;

}

#nav:target {
	top: 150px;
	

}

#nav ul li {
	float: none;
	text-align: center;
	border-bottom: 0px solid white;
		color: red;
background:#88985a; /*hg*/
/*
}

#nav ul li.close {
	display: block;
}

#nav ul li:last-child {
	border-bottom: none;
}

#nav ul li a {
	padding: 0px 20px;
	display: block;
	color: #fff;
	text-decoration: none;
}/*new*/
/*
#nav ul li a:hover {
	background: white;
	color: #aaa;
} /*new*/

/*neu menu*/
/*Responsive Styles*/
.nav{
margin-left:0%;
width:100%;
		}
    /*Make dropdown links appear inline*/
.nav ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
.nav li {
        margin-bottom: 0px;
				
    }
    /*Make all menu links full width*/
.nav ul li, li a {
        width: 100%;
				
    }
    /*Display 'show menu' link*/
.show-menu {
        display:block;
				cursor: pointer;
				margin-top:180px;
				width: 100%;
				
    }
}




#header {
				background-size: cover;
				}

.container_v {
							margin-top:270px;
							margin:auto;
              width:80%;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              background:white;
              padding:10px;
              }

.container_v > div {
                   width: 100%;
                   padding: 10px;
                   background:white;
                   }

#footer {
				background-size: cover;
				}
.logo{
width:246px;
height:60px;
background-image: url(../pics/logo.png);
background-size:cover;
}
@media screen and (max-width: 640px) {

.tel{
     position:absolute;  top:140px; height:80%;margin-left:2%;
    }
}