@media screen and (max-width:940px) {
#header {
width : 96%;
margin-right : auto;
margin-left : auto;
background-color : transparent;
text-align : center;
height: 270px;
	}
	.main-navigation .menu {
		display: block !important;
	}

  .menu {
        position:relative;
        display:inline-block;
width:100%;
z-index: 4;
    }
 
    .menu ul.active {
        display:none;
    }
 
    .menu ul {
        width:100%;
        position:relative;
        margin-top:-15%;
        margin-right:auto;
  margin-left:auto;
        padding:10px 18px;
        box-shadow: rgba(0,0,0,0.4)10px 4px;
        border-radius: 20px;
        background-color: #fff;
	  border:5px solid #524A52;
    }
 
    .menu ul:after {
        width:0px;
        height:0px;
        position:absolute;
        top:0%;
        margin-left:6px;
        content:'';
        transform:translate(0%, -100%);
        border-left:7px solid transparent;
        border-right:7px solid transparent;
        border-bottom:7px solid #303030;
    }
 
    .menu li {
        margin:5px 0px 5px 0px;
        float:none;
        display:block;
font-size: 15px;
    }
 
    .menu a {
        display:block;
  text-shadow:0px 1px 0px rgba(0,0,0,0.5);
    color: #4F4D50;
    transition:color linear 0.15s;
margin-left: 0px;
    }
.menu a:hover, .menu .current-item a {
    text-decoration:none;
   color: #359B03;
}
 
       .toggle-nav {
 		display:inline-block;
  	      color:#59ea12;
		background: transparent;
  		 z-index: 1;
		 

    }
 
    .toggle-nav:hover, .toggle-nav.active {
     
        color:#4fab00;
background-color: transparent;
    }
 
 
}

@media screen and (max-width:860px) {
#header {
width : 96%;
margin-right : auto;
margin-left : auto;
background-color : transparent;
text-align : center;
height : 255px;
}
#fadeshow4 {
height : 200px !important ;
}
#fadeshow4 .descpanelfg {
display : none;
}
  
}
@media screen and (max-width: 800px) {
#header {
width : 96%;
margin-right : auto;
margin-left : auto;
background-color : transparent;
text-align : center;
height : 228px;
	}
	form {
		padding : 10px 15px;
	}
	#formcontainer  {
		width : 96%;
	}
	#fwc-form #aligned {
		width : 100%;
		float : none;
		display : block;
	}
	#fwc-form #aside {
		width : 100%;
		display : block;
		float : none;
	}
	#fwc-form .txtinput, #fwc-form textarea {
		width: 85%;
	}
}
@media screen and (max-width:768px) {
#header {
width : 96%;
margin-right : auto;
margin-left : auto;
background-color : transparent;
text-align : center;
height : 220px;
}
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"],
.wpcf7-form select{
width : 80%;
    }
.wpcf7-form textarea{
        width : 100%;
}
.span1, .span2, .span3, .span4, .span5, .span6{
	    width : 100%;
	    float : none;
	    margin-left : 0;
}
}
@media screen and (max-width: 600px){ /* when document is 600px or less */

#header {
text-align: center;
background-color: transparent;
text-align: center;
height: 200px;
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

#site-name {
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	text-align: center;
	max-width: 580px;
	visibility: visible;
margin-top: -60px;
margin-bottom: 20px;
}
#site-name img {
		height: auto; /* Make sure images are scaled correctly. */
		max-width: 96%; /* Adhere to container width. */
		z-index: 888; 
		margin-left: auto;
margin-right: auto;
}
#fadeshow4{
height: 100px !important;
}
#fadeshow4 .descpanelfg {
display: none;
}
#fadeshow4 .descpanelbg{
display: none;
}
}
@media screen and (max-width: 580px) {
#header{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		text-align: center;
		height: 200px;
	}

	h1{ font-size:24px;}
	h2{ font-size:20px;}
	h3{ font-size:18px;}
	h4{ font-size:17px;}
	h5{ font-size:15px;}
	h6{ font-size:14px;}


}
/* smaller screen dropoff *******/
@media only screen and (max-width: 550px) {
#header{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		text-align: center;
		height: 200px;
	}

 	#fwc-form .txtinput, #fwc-form textarea {
		width: 94%;
	}

}
@media screen and (max-width: 480px) {
#header{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		text-align: center;
		height: 200px;
	}

#fadeshow4{
height: 160px !important;
}

#fadeshow4 .descpanelfg {
display: none;
}
#fadeshow4 .descpanelbg{
display: none;
}
	#footer .footer{
		width: 96%;
		float: none;
		margin: 0 0 20px;
	}
  	form {
		padding: 10px 0px;
	}
} 

@media screen and (max-width: 380px){
#header{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		text-align: center;
		height: 200px;
	}

}
/* iPhone portrait *******/
@media only screen and (max-width: 320px) {

	form {
		padding: 10px 0px;
	}
 	#fwc-form .txtinput, #fwc-form textarea {
		width: 94%;
	}
	#fwc-form #aligned {
		overflow: hidden;
	}
	select.selmenu {
		width: 160px;
	}
#footer .footer{
		width: 96%;
		float: none;
		margin: 0 0 20px;
	}

}