@media (max-width: 768px) {



#content {
	background-color: #e0dfcf; margin-left: 0%; margin-right: 0%
}

h1 {
	 text-align: center; font-family: "myriad-pro", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 1.6em; padding-bottom: 20px
}

h2 {
	 font-family: "myriad-pro", Arial, Helvetica, sans-serif; color: #aa580c; font-weight: 300; font-size: 1.2em; padding-bottom: 0px; margin-bottom: 0px
}


.logo  {
	width: 190px; height: auto; padding-top: 60px; margin-left: 5%
}

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

.grasses {
	float: right; margin-right: 3%; margin-top: -85px; width: 200px; height: auto
}

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



.copybox {
	margin-left: 8px; margin-right: 8px; margin-top: 8px; margin-bottom: 8px; background-color: #e9e8dc; padding-top: 42px; 
}




#menu {
	 display: none
}

#menu2 {
	 display: block; text-align: center; width: 100%
}

#menu2 li {
	   text-decoration: none; display: block; padding-left: 0%; padding-right: 0%; background-color: #d2d1c2; margin-left: 0px; margin-right: 0px
}


#menu2 li a:link,
#menu2 li a:visited
 {
	   text-decoration: none; color: #8a9666; display: block; padding-top: 4px; padding-bottom: 4px; border-color: #bebdaf; border-style: solid; border-width: 0 0 1px 0; font-family: "myriad-pro-semi-condensed", Arial, Helvetica, sans-serif; color: #8a9666; font-size: 1em; padding-left: 0px; padding-right: 0px
}

#menu2 li a:hover {
	 background-color: #8a9666; color: #e0dfcf;
}


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

div.panel {
    padding: 0px
    display: none;
    
}

button.accordion {

    cursor: pointer;
    transition: 0.4s; background-color: transparent; border: none; font-family: Arial, Helvetica, sans-serif; color: #8a9666; font-size: 15px; padding-top: 4px; padding-bottom: 4px
}

button.accordion a:link {
	 background-color: transparent; border: none;
}


/**
 * @file
 * Footer
 */

#footer {
	 width: 100%; background-color: #bebdaf; text-align: center; padding-top: 12px; margin-top: 50px; font-family: "myriad-pro", Arial, Helvetica, sans-serif; font-weight: 300; font-style: normal; font-size: .9em; color: #7b7b74; line-height: 1.8em
}

#copyright {
	 text-align: center; font-family: "myriad-pro", Arial, Helvetica, sans-serif; font-size: .8em; color: #545353; padding-bottom: 15px; font-weight: 300
}


/**
 * @file
 * Cottages
 */
 
 #cottages {
 	width: 100%; text-align: center;
 }
 
 .cottages-view {
 	display: inline-block; margin-left: 2%; margin-right: 2%; margin-bottom: 30px
 }
 
 .cottage-thumb {
 		 position: relative;
  width: 190px;
  height: 125px;
  overflow: hidden; 
 }
 
 .cottage-thumb img {
 	wposition: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
 }
 
 
 .cottage-thumb img.portrait {
 	width: 100%;
  height: auto
 }
 
 
 /**
 * @file
 * Gallery
 */
 

 .gallery-thumb {
 		 display: inline-block; max-width: 280px; width: 38%; margin-left: 3%; margin-right: 3%; margin-bottom: 30px

 }
 
 .gallery-thumb img {
 	width: 100%; height: auto
 }
 
 
  /**
 * @file
 * Contact Form
 */
 
 .body2 table
  {
 	 width: 100%; text-align: center; padding-left: 5%; padding-right: 5%
 }
 
 .body2 textField {
 	 width: 100%; 
 }
 
 .body2 tbody {
 	width: 100%; text-align: center; 
 }
 
 .body2 textarea.textField {
 	 width: 100%; max-width: 400px
 }

.body2 .textLabel {
	width: 100%;  
}

INPUT.textField, SELECT.textField,
INPUT.textFieldFocus, SELECT.textFieldFocus {
text-align: center; width: 100%; max-width: 400px; margin-bottom: 15px
}


}