@media (max-width: 850px) {

#wrapper {
 width: 90%;
}

#subheadLogo img#logoOne{
}
#content
{
    float: left;
    width: 60%;
    padding: .5em;
    margin: 0;
    background: transparent;
}
#subheader p#address {

  padding: 0;

}
/*--end of general structure - beginning of navigation area  --*/
#primarynav{
 float: none;
 padding: 0;
 width: 100%;
 background: transparent;
 font-weight: bold;
 font-size: 95%;

}
ul#primaryNavigation{

  display:list-item;
 list-style-type: none;
 padding: 0;
 margin: 0;

}
ul#primaryNavigation li{
   height: 2.4em;
 margin: .1em;
 border-bottom: 1px solid #aaa;
}
ul#primaryNavigation li#oneNav {

  margin: .1em;
}


/*--end of navigation area - beginning of main content area --*/

#contentBG {

  margin: 0 auto;
  width: 100%;
   min-height: 20em;
  text-align: center;
  padding: 0;
  border-radius: 1.67em;
  background: #e7f6a1;
  box-shadow: 0 0 2.67em 2em #e7f6a1;
 vertical-align:top;
}


#contentBottom {
 clear: both;
  width: 100%;
  height: 2em;
 text-align: center;
 background: transparent ;
 padding: 0;
 margin: 0 auto;
}


.contentLeft {
    vertical-align:top;
    margin: 0 .5em 0 0;
    float: left;
}
.contentRight {
    float: none;
    width: 100%;
    max-width: 100%;
    margin:0;
    padding: 0;
    vertical-align:top;
}
#content .contentRight  p.frontPage {
    margin: 0;
    padding: 0;
    line-height:normal;
    font-size: 100%;
    }
/*--form specific--*/
form#careers .formRow {
    text-align: left;
}

form#careers .formGroup1{
    width: 45%;
    float: left;
    padding-left: .75em;
}
form#careers .formGroup2{
text-align: left;
width: 95%;
}
form#careers .formGroup3{
    float: left;
    padding-left: .75em;
    width: 96.5%;
}
#column3 h3, #column3 p {
    margin: 0 auto;
    text-align: center;
}
#column3 img#dMuz {
    margin: 0 auto;

}
#content_container h2.contactH2 {
    clear: both;
    font-size: 110%;
    padding-left: 2em;
}

/*--end of main content area - beginning of footer area --*/
#footer {
 width: 100%;

 text-align: left;
 font-size: 80%;

}
#footer p{
 margin: 0;
 font-size: 70%;
 padding: .25em;
}
#footer p#footslogan {
  font-size: 130%;
  text-align: center;
  font-variant:small-caps;
  padding-bottom: 2em;
  font-weight: bold;
}
#content h2#slogan {
  padding: 0;
  width: 100%;
  font-size: 100%;
}

ul#secnavigation {
 margin: 0;
 padding: .67em 0 0;
 width: 30%;
 color: #000;
 background: transparent;
 float: right;
 font-size: 80%;
 list-style-type: none;
 text-align: left;
}
ul#secnavigation li {
  display: inline;
}
ul#secnavigation li a:link, ul#secnavigation li a:visited{
 color: #777;
 background: transparent;
 text-decoration: none;
 text-align: center;
 }
ul#secnavigation li a:hover{
 color: #000;
 background: transparent;
 text-decoration: underline;
  }
 #footer a:link, #footer a:visited {
   color: #777;
   text-decoration: none;
 }
 #footer a:hover {
   color: #000;
    text-decoration: underline;
 }


/*--end of footer area --*/



}
@media (max-width: 44em) {

#wrapper
{
	width: 100%;
    padding: 1em;

}

#logoWrap
{  float: none;
    max-width: 100%;
    padding: 0;
  margin: 0 auto;
  background: #345923;
}
#logoWrap img.frontImg, #mainImg{
    max-width: 100%;
  max-height: 100%;
}
#menuWrap
{   float: none;
    width: 100%;
    min-height: 3em;
    max-width: 100%;

}
#mailit {
  font-weight: normal;
  margin-top: .1em;
  padding: .3em;
  max-width: 100%;
  color: #d4caa8;
  float: none;
}
/*--end of general structure - beginning of navigation area  --*/
.topnav {
float:none; }

.topnav a:not(:first-child) {
    display:none;
}
.topnav a.icon {
    float: right;
    display: block;
    }
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
.topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }



/*--end of navigation area - beginning of main content area --*/
#content_container, #subwrapper
{
    clear: both;
    max-width: 95%;
    background: #fff url(images/mainimages/bg_white_green.jpg) repeat-x;


}
#contentBG {

  margin: 0 auto;
  width: 100%;
   min-height: 20em;
  text-align: center;
  padding: 0;
  border-radius: 1.67em;
  background: #e7f6a1;
  box-shadow: 0 0 2.67em 2em #e7f6a1;
 vertical-align:top;
}

#content {
 width: 100%;
 text-align: center;
 padding:  0;
 margin: 0 auto;
 background: transparent;

 }
#contentBottom {
 clear: both;
  width: 100%;
  height: 2em;
 text-align: center;
 background: transparent ;
 padding: 0;
 margin: 0 auto;
}


.contentLeft {
    vertical-align:top;
    margin: 0 .5em 0 0;
    float: left;
}
#contactForm {
   float: none;
    width: 100%;
}

.contentRight {
    float: none;
    width: 100%;
    max-width: 100%;
    margin:0;
    padding: 0;
    vertical-align:top;
}
#content .contentRight  p.frontPage {
    margin: 0;
    padding: 0;
    line-height:normal;
    font-size: 100%;
    }
#content #scrollable {

  width: 100%;
  height: inherit;
  overflow: visible;
}
#content .contentRight p.booking {
    margin: 0;
    padding: .5em 0;
    font-style: italic;
}
#content .contentLeft p.frontPage, #content p.frontPage, #content p.moveClasses{

  text-align: left;
  padding: 0;
  font-size: 95%;
  line-height: 120%
}
#testimon1, #testimon2, #testimon3, #testimon4, #testimon5, #testimon6, #testimon7, #testimon8, #testimon9, #testimon10 {
    position: absolute;
    top: 15em;
    left: 0;
    max-width:100% }


 #right_content
{
    float: none;
    max-width: 100%;
    display: inline;
    margin: .63em .63em .63em 1.8em;
    padding: 1.8em .3em 0 0;
}
#right_content p {
    padding: .5em;

}

#right_content #contactInfo p {
    padding: 1em;
}
#column1, #column2, #column3 {
    float: none;
    max-width: 100%;
     padding: 1em;
  margin: 0 auto;
}
#column3 h3, #column3 p {
    margin: 0 auto;
    text-align: center;
}
#column3 img#dMuz {
    margin: 0 auto;

}
#content ul.servicesList li{
    margin-bottom: .3em;
    text-align: left;
}
.quoteImage1{
    margin: 1em 2em 1em 1em;

    padding: .5em .5em 2em .5em;
}
.quoteImage2{
    margin: 1em 1em 1em 2em;
    padding: .5em .5em 2em .5em;
}
 /*--end of main content area -beginning of gallery area --*/
 #blockcPortfolio {
     float:none;
     width:100%;
     background: transparent;
     margin-top: 0;
}
img#projectsPage {
float:none; width: 100%; }

#contentContainerGallery {
    max-width: 100%;
}
#contentContainerGallery .slideContainer {
    width: 100%;
}
#contentContainerGallery .mySlides img {
    max-width: 100%;
}

#contentContainerGallery .thumbContainer {
    display:none;
}
#contentContainerGallery .slideContainer {
    max-width: 100%;
}
.next {
    right: 1%;
}
#galleryMenu #galMenuCol1, #galleryMenu #galMenuCol2{
width: 100%;
margin-left: 0;
}
#galleryMenu {
    min-height: 28em;
}

/*--form specific--*/
form#careers .formRow {
    padding-left: .1em;
}

form#careers .formGroup1{
    width: 90%;
    float: left;
    padding-right: .75em;
}
form#careers .formGroup2{
    width: 90%;
    float: left;
    padding-left: .75em;
}
form#careers .formGroup3{
    float: left;
    padding-left: .75em;
    width: 96.5%;
}
#content h2.contactH2, #contactInfo h2.contactH2, #socialMedia h2.contactH2 {
    color: #3e4a2d;
    background: transparent;
    font-size: 105%;
    text-align: left;
    padding: .1em .5em;
    margin: 0;
}
form#contactus fieldset, form#careers fieldset {
    margin-left: 0;
}
/*--end form specific--- beginning of footer area --*/
#footer {
 width: 100%;

 text-align: left;
 font-size: 80%;
}
#footer p{
 margin: 0;
 font-size: 70%;
 padding: .25em;
}
#footer p#footslogan {
  font-size: 130%;
  text-align: center;
  font-variant:small-caps;
  padding-bottom: 2em;
  font-weight: bold;
}
#content h2#slogan {
  padding: 0;
  width: 100%;
  font-size: 100%;
}

ul#secnavigation {
 margin: 0;
 padding: .67em 0 0;
 width: 30%;
 color: #000;
 background: transparent;
 float: right;
 font-size: 80%;
 list-style-type: none;
 text-align: left;
}
ul#secnavigation li {
  display: inline;
}
ul#secnavigation li a:link, ul#secnavigation li a:visited{
 color: #777;
 background: transparent;
 text-decoration: none;
 text-align: center;
 }
ul#secnavigation li a:hover{
 color: #000;
 background: transparent;
 text-decoration: underline;
  }
 #footer a:link, #footer a:visited {
   color: #777;
   text-decoration: none;
 }
 #footer a:hover {
   color: #000;
    text-decoration: underline;
 }


/*--end of footer area --*/