/*plum 2023 4b182c */
/*orange 2023 e6a65d */
body
{
    background:#4b182c;
    text-align : center;
    margin: 0;    
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
       
    }

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

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
header {
  position: relative;
  width: 100%;
  background-color: #4b182c;
}

#topwrap {
    width: 100%;
    min-height: 200px;
    background-color: #ffffff;
    padding-top: 10px;
}



#container90 {
	position: relative;
	width: 90%;
    height: auto;
    margin: auto;
}

#container {
	position: relative;
	width: 980px;
    height: auto;
    margin: auto;
}

.logo {
    margin-left: 36px;
    margin-top: 12px;
    max-height: 100px;
}
.socialmediatop {
    text-align: right;  
}

#col_left {
	float: left;
	width: 45%;
    margin: 10px 0;
    text-align: left;
}

#col_right {
	float: right;
	width: 55%;
	margin: 30px 0 0 0px;
}
.staticbanner{
    height : auto;
    margin: auto;
    width : 100%;

}
.main-wrapper {
    height : auto;
    margin: auto;
    width : 100%;
}

.breakmobile
{
    display: none!important;
}


.menuborder{
    position: relative;
    width : 90%;
    margin: 0 auto;
    border-top: 1px solid #4b182c;
    border-bottom: 1px solid #4b182c;
    height: 23px;
}

hr.plum {
  width: 90%;
  margin: 20px auto 8px auto;
  color: #4b182c;
} 
 
#mainnav {
    margin: 0 auto;
    position: relative;
    height: 23px;
    line-height : 23px;  
}	

/*LINKS*/

h2 a:link
{
    color : #4b182c;
    text-decoration : none;
    outline:none;
    border: none;
}

h2 a:visited
{
    color : #4b182c;
    text-decoration : none;
    outline:none;
	border: none; 
}

h2 a:hover
{
    color : #e6a65d;
    text-decoration : none;
	outline:none;
	border: none; 
}

.larger
{
    color : #53565a;
    outline:none;
    border: none;
    font-size: 18px;
    font-weight : semibold;
}
.largergreen
{
    color : #53565a; /*grey*/
    outline:none;
    border: none;
    font-size: 18px;
    font-weight : semibold;
    line-height : 24px;
}


a.larger:link
{
    color : #4b182c;
    text-decoration : underline;
    outline:none;
    border: none;
    font-weight : semibold;
    font-size: 18px;
}

a.larger:visited
{
    color : #4b182c;
    text-decoration : underline;
    outline:none;
	border: none; 
    font-weight : semibold;
    font-size: 18px;
}

a.larger:hover
{
    color : #53565a;
    text-decoration : underline;
	outline:none;
	border: none; 
    font-size: 18px;
}

a.mailchimplink:link
{
    color : #9d9d9d;
    text-decoration : underline;
    outline:none;
    border: none;
    font-size: 11px;
}

a.mailchimplink:visited
{
    color : #9d9d9d;
    text-decoration : underline;
    outline:none;
	border: none; 
    font-size: 11px;
}

a.mailchimplink:hover
{
    color : #7d8e62;
    text-decoration : underline;
	outline:none;
	border: none; 
    font-size: 11px;
}




a:link
{
    color : #4b182c;
    text-decoration : underline;
    outline:none;
    font-weight : normal;
    border: none;
}

a:visited
{
    color : #4b182c;
    text-decoration : underline;
    outline:none;
	border: none; 
    font-weight : normal;
}

a:hover
{
    color : #75787b;
    text-decoration : underline;
	outline:none;
	border: none; 
    font-weight : normal;
}

a.toplink:link
{
    color : #4c765a;
    outline:none;
    text-decoration: none;
    font-weight : normal;
    
    border-bottom: solid 1px;
}

a.toplink:visited
{
    color : #4c765a;
    text-decoration: none;
    outline:none; 
    font-weight : normal;
    border-bottom: solid 1px;
}

a.toplink:hover
{
    color : #7d8e62;
    text-decoration: none;
	outline:none;
    border-bottom: solid 1px;
    font-weight : normal;
}

#maincontent {
    background:#ffffff;
    width:1000px;
    text-align: left;
    margin: 10px auto 0 auto;
    color: #53565a; /* dark gray text */
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    line-height: 18px;
}
#maincontentweddings {
    background:#ffffff;
    width:1000px;
    text-align: left;
    margin: 10px auto 0 auto;
    color: #53565a; /* dark gray text */
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    line-height: 18px;
}

.mediumgray {
    color: #75787b;
}

.presscontent {
    background:#ffffff;
    max-width:955px;
    text-align: left;
    margin: 10px auto 0 auto;
    color: #53565a; /* grey text */
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    line-height: 18px;
}

.image {
  opacity: 1;
  transition: .5s ease;
  backface-visibility: hidden;
}

.magazine:hover .image {
  opacity: 0.6;
}


#pagebox {
	font-family: 'Source Sans Pro', sans-serif;
    width : 924px;
    margin: 0 auto;
    font-size : 1.0em;
    text-align: center; 
    height : 210px; 
}


#pagebox .pagebox-one {
    float: left; 
    margin: 10px;
    height : 190px;
    color: #000000;
}

#pagebox .pagebox-two {
    float: left; 
    margin: 10px;
    height : 190px;	
}

#pagebox .pagebox-three {
    float: left; 
    margin: 10px;
    height : 190px;
}

#pagebox .title {
    color: #4b182c; 
    font-weight : bold;
    line-height : 1.3em;
    line-spacing: 1em;
    padding-top: 8px;
   	font-size: 20px;
    text-align: center;    
} 

#pagebox .border {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    border: 4px #cecbc3 solid;
    height : 130px;
}
 .border {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    border: 4px #cecbc3 solid;
    height : 130px;
}
#contactbox {
    margin: 10px auto;
}

#contactbox .contactbox-one {
    float: left; 
    width: 170px; 
    padding: 10px  30px;
    height : 160px;
}

#contactbox .contactbox-two {
    float: left; 
    width: 130px; 
    padding: 20px  24px;
    height : 160px;	
}

#contactbox .contactbox-three {
    float: left; 
    width: 160px; 
    padding: 0px  24px;
    height : 160px;
}

.homebox
{

	color: #4b182c;
	margin-top: 12px;
	padding: 6px;
}

.homebox ul {
    font-weight : bold;
	margin: 0px;
}

a.homebox:link
{
    color : #4b182c;
    text-decoration : none;
	outline: none;
}

a.homebox:visited
{
    color:  #4b182c;
    text-decoration:    none;
	outline: none;
}

a.homebox:hover
{
    color : #e6a65d;
    text-decoration:    underline;
	outline: none;
}

/*to make sure footer background color goes to bottom of viewport height must be 100% AND must have max height or footer will be too long */

#footer-wrap
{
    width: 100%;
    text-align: left;
    color: #ffffff;
    font-weight : bold;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;   
    background-color: #4b182c; 
    border-top: 3px solid #ffffff;
    position: relative;
}

#fourbox-wrap {
    width: 980px;
    margin: 0 auto;
}

#fourbox {
	font-family: 'Source Sans Pro', sans-serif;
    width : 960px;
    min-height : 100px;
    font-size : 1.0em;
}       
    
#fourbox .one {
    float: left; 
    width: 600px; 
    margin: 0 .5% 0 1.5%;

    color: #ffffff; 
    font-size : 1.0em;
    height : 100px;
}
#fourbox .two {
    float: left; 

    width: 300px; 

    font-size : 1.0em;
    margin: 0;
    color: #4b182c; 
    height : 100px;
    text-align: right;
}

#fourbox .three {
    float: left; 
    width: 0px; 
    margin: 0 0.5%;
    padding: .5%;
    color: #000000; 
    height : 100px;
    border: thin red solid;
}

.copyright
{
    font-size : 12px; 
    padding-right: 20px; 
    text-align: right;
    padding-top: 20px;
}

#fourbox .text {
    text-align: left;
    font-size : 1.0em;
    margin-left: 0;
    font-weight : normal;
    color: #f8f6ed; 
    font-size : 16px;
}



.bold
{
    font-weight : bold;
}
.italic
{
    font-style : italic;
}

.red
{
color: red;
} 
.paddingtop6
{
padding-top: 6px;
}
.paddingtop12
{
padding-top: 12px;
}

.paddingtop16
{
padding-top: 16px;
}

.paddingtop20
{
padding-top: 20px;
}
.paddingtop25
{
padding-top: 25px;
}
.paddingtop36
{
padding-top: 36px;
}
.paddingtop50
{
padding-top: 50px;
}
 
.paddingleft20
{
padding-left: 20px;
}
 
.paddingleft30
{
padding-left: 30px;
}
.paddingleft40
{
padding-left: 40px;
}

.paddingleft70
{
padding-left: 70px;
}

.paddingleft80
{
padding-left: 80px;
}

.paddingleft200
{
padding-left: 200px;
}

.paddingbottom12
{
padding-bottom: 12px;
}


.paddingbottom24
{
padding-bottom: 24px;
}

.borderbottom
{
    border-bottom: thin black solid;
}

#tile-wrap {
    width: 980px;
    background-color: #ffffff; 
    margin: 0 auto;
}      

         
#tile {
	font-family: 'Source Sans Pro', sans-serif;
    width : 955px;
    margin: 0 auto;
    font-size : 1.0em;
    text-align: center;  
}   

#tilebottom {
	font-family: 'Source Sans Pro', sans-serif;
    width : 955px;
    margin: 0 auto 24px auto;
    padding-bottom: 24px;
    font-size : 1.0em;
    text-align: center;  
}   
    
#tile .text {
    color: #000000; 
    font-weight : normal;
    line-height : 1.0em;
    padding: 8px;
    text-align: left;    
} 
    
#tile .textcenter {
    color: #000000; 
    font-weight : normal;
    line-height : 1.0em;
    padding: 8px;
    text-align: center;    
}

#tile .title {
    color: #4b182c; 
    font-weight : bold;
    line-height : 1.3em;
    line-spacing: 1em;
    padding-top: 8px;
   	font-size: 20px;
    text-align: center;  
    font-family: 'Source Sans Pro', sans-serif;  
}

#tile phototile {

    height : 300px;
}
#tilebottom .tile-one {
    float: left; 
    width: 300px; 
    margin: 6px;
    color: #000000;
    padding-bottom: 24px;
}

#tilebottom .tile-two {
    float: left; 
    width: 300px; 
    margin: 6px;
    padding-bottom: 24px;
}

#tilebottom .tile-three {
    float: left; 
    width: 300px; 
    margin: 6px;
    padding-bottom: 24px;
}

#tile .tile-one {
    float: left; 
    width: 300px; 
    margin: 6px;
    color: #000000;
}

#tile .tile-two {
    float: left; 
    width: 300px; 
    margin: 6px;
}

#tile .tile-three {
    float: left; 
    width: 300px; 
    margin: 6px;
}

h2
{
    font-size : 24px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #4b182c;
    font-weight: bold;
}

h2 .center
{text-align: center;
}


h3
{
    font-size : 1.000em;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    color: #839064;
    font-style: italic;
}

h3.paddingtop
{
    padding-top: 12px;
}
h3.left
{
    text-align: left;
}

h4
{
    font-size : 1.35em;
    text-align: center;  
    font-family: 'Source Sans Pro', sans-serif;
    color: #839064;
    font-style: italic;
    margin-top: 8px;
}


/* form */




.formrow { display: inline-block; width: 95%; margin-left: 2%; margin-top: 1.25%; clear: both; }
.formrow .label { width: 30%; float: left; padding-right: 2%; text-align: right; }
.formrow .input { display: inline-block; width: 65%; }
.formrow .input input { width: 100%; }
.formrow .input select { max-width: 100%; }
.formrow .comment { font-size: 85%; display: inline-block; width: 100%; margin: 0 auto; }

.formrow .input .formrow_80 { width: 80%; }
.formrow .center {padding-left: 40%;}
.formrow .padding35 {padding-left: 33%;}
.required { font-family: 'Source Sans Pro', sans-serif; color: #ff0000; font-weight: bold; }

/* buttons */
input[type="checkbox"] { display: inline-block; margin-right: 1%; }
input[type="text"], input[type="number"], input[type="tel"], input[type="email"] { display: inline-block; border: 1px solid #ccc; height: 1.5em; line-height: 1.5em;  padding: 0; padding-left: .5%; }
input[type="radio"] { display: inline-block; }
input[type="submit"], input[type="button"] { -webkit-appearance: none; }


.newbtn:link,
.newbtn:visited {
    display: inline-block;
    padding: 16px;
    font-weight: bold;
    text-decoration: none;
    font-size: 22px;
    border-radius: 10px;
    /*transition: 0.6s;*/
}
.btn-booking:link,
.btn-booking:visited {
    border: 2px solid #4b182c;
    color: #fff;
    background-color: #e6a65d;
}

.btn-booking:hover,
.btn-booking:active {
    border: 2px solid #e6a65d;
    color: #e6a65d;
    background-color: transparent;
}

.weddingbtn:link,
.weddingbtn:visited {
    display: inline-block;
    padding: 2px 6px;
    font-weight: bold;
    margin-top: 3px;
    text-decoration: none;
    font-size: 18px;
    border-radius: 6px;
    /*transition: 0.6s;*/
}
.btn-wedding:link,
.btn-wedding:visited {
    border: 2px solid #e6a65d;
    color: #53565a;
    background-color: #e6a65d;
}

.btn-wedding:hover,
.btn-wedding:active {
    border: 2px solid #e6a65d;
    color: #53565a;
    background-color: transparent;
}

.btn-footer:link,
.btn-footer:visited {
    border: 2px solid #e6a65d;
    color: #e6a65d;
    background-color: #4b182c;
}

.btn-footer:hover,
.btn-footer:active {
    border: 2px solid #e6a65d;
    color: #4b182c;
    background-color: #e6a65d;
}

.galleria-lightbox-shadow
{
background-color: white;
}

.inputsubmitmedium:hover
{
	border: 1px solid #4b182c;
	cursor: pointer;
    color: #4b182c;
}

.housesrow {  display: inline-block; width: 100%; margin-left: 2%;clear: both; }
.housesrow .leftside {   width: 65%; float: left; padding-right: 2%;  }
.housesrow .rightside { display: inline-block; width: 33%;}
.housesrow .rightsidevisiting { display: inline-block; width: 33%; }
.housesrow .leftsideresponse {   width: 35%; float: left; padding-right: 2%;  }
.housesrow .rightsideresponse { display: inline-block; width: 62%;}

.yoga {  display: inline-block; width: 100%; margin-left: 2%;clear: both; }
.yoga .one {   width: 18%; float: left; padding-right: 2%; font-weight : bold; padding-top: 4px; }
.yoga .two { display: inline-block; width: 24%; padding-top: 4px; vertical-align: top;}
.yoga .three { display: inline-block; width: 17%; padding-top: 4px; vertical-align: top;}
.yoga .four { display: inline-block; width: 36%; padding-top: 4px; vertical-align: top;}

.asiaphoto {  display: inline-block; width: 100%;clear: both;}
.asiaphoto .one {   width: 38%; float: left; padding-right: 2%; font-weight : bold; padding-top: 20px; }
.asiaphoto .two { display: inline-block; width: 58%; margin-left : 2%;  vertical-align: top;}




.imagine
{
margin: 0 auto;
text-align: center;
}

.center
{
text-align: center;
}
.right
{
text-align: right;
}

.paddingright20
{
padding-right : 20px;
}

.clickimages 
{
text-align: right;
padding-right : 20px;
font-style: italic;
padding-bottom: 0px;
}

.bigphoto
{
text-align: right;  
color: #53565a; /* dark gray text */
padding-top: 6px;
font-size : 12px;
}

.width600
{
width: 600px;
}


.title1 {
	color: #53565a;	
	font-size: 24px;
	font-weight: semibold;
}

.title2,
#tile .title2
{

	color: #53565a;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: normal;
}


.title3 {

	color: #53565a;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	font-weight: semibold;
    padding-top: 12px;
}
.title4 {

	color: #53565a;
	font-size: 20px;
}

.arialtitle
{
    font-size: 18px; 
    font-weight: bold; 
    font-family: Arial,Helvetica,sans-serif; 
}



.mobilehide
{
display: block;
}

.mobileshow
{
display: none;
}



.medialist
{
padding-left : 10%;
}




.treehouselist {
    padding: 10px 0  0 20%;
}

.rightnav {

	color: #4b182c;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height : 1.4em;
}

a.rightnav:link
{
    color : #4b182c;
    text-decoration : none;
	outline:none;
}

a.rightnav:visited
{
    color : #4b182c;
    text-decoration : none;
    outline:none;
    border: none; 
}

a.rightnav:hover
{
    color : #e6a65d;
    text-decoration : none;
	outline:none;
	border: none; 
}

.bottomnav
{
list-style: none;
}


.arrow ul {
  list-style: none;
  padding: 0;
}
.arrow ul li {
  padding-left: 1.3em;
}
.arrow ul li::before {
  content: "\f324"; /* FontAwesome Unicode */
  font-family: "Font Awesome 6 Pro";
  color: #e6a65d;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}


.arrow ul li ul {
  padding-left: 1.3em;
}
.arrow ul li ul li:before {
  content: "\f324"; /* FontAwesome Unicode */
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
    font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.indentlist {
	padding-left : 60px;
}

.indentlist ul {
  padding: 0;
}


.indent {
	padding-left : 40px;
}

.indent ul {
  list-style: none;
  padding: 0;
}
.indent ul li::before {
  content: "\f324"; /* FontAwesome Unicode */
  font-family: "Font Awesome 6 Pro";
  color: #e6a65d;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
    font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

}

.rightnavindent {

	color: #4b182c;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight: bold;
    line-height : 16px!important;
}


a.rightnavindent:link
{
    color : #4b182c;
    text-decoration : none;
	    outline:none;
}

a.rightnavindent:visited
{
    color : #4b182c;
    text-decoration : none;
 outline:none;
		border: none; 
}

a.rightnavindent:hover
{
    color : #e6a65d;
    text-decoration : none;
	 outline:none;
		border: none; 
}

.quote 
{
	color: #53565a;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	font-style: italic;
}

.quotename
{
	color: #53565a;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
    text-align: right;
    padding-bottom: 20px;
}

.trails
{
    line-height : 28px;
}

.instagrampic
{
margin: 8px;
}

/*rollover */



.threeacross .contenthover { padding:0px 20px 10px 20px;
height : 330px;
 }
.threeacross .contenthover, .contenthover h3, .contenthover a { color:#53565a;

font-family: 'Source Sans Pro', sans-serif;
 }
.threeacross .contenthover h3 { font-size : 15px;
 }

 /* format the text */
.threeacross .contenthover h3, .contenthover p { 
margin:0 20px 4px 0; 
padding:0;
text-align: center; }


.contenthover .center
{
text-align: center;
}

.contenthover .right
{
text-align: right;
}

.contenthover p.paddingtop30
{
padding-top: 30px;
}


.nopadding
{
padding-top: 0;
margin-top: 0;
line-height : .8em;
}

/*
.contenthover a.mybutton { display:block; width: 110px;
text-align: center;
 margin-left : 50px;
 padding:5px 10px; background:#f8f6ed; color:#4e2614; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.threeacross .contenthover a.mybutton:hover { background:#ffffff;
color: black;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
*/
 
.contenthover a.crewpagelink:hover { 
color: black;
background-color: white;
  }     
    
.contenthover p, 
.contenthover div
{

   font-size : 12px;
   line-height : 15px;
   text-align: left;
}
    

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

.threeacross .staffbanner
{
margin-top: 20px;
text-align: center;
}

.threeacross .bottom
{
margin-bottom: 20px;
}
.threeacross .one {float: left; width: 304px; padding: 0 20px 0 0;}
.threeacross .contenthover { padding:12px 20px 10px 20px; }


.threeacross .two {float: left; width: 300px; padding: 0 20px 0 0;}
.threeacross .contenthover { padding:12px 20px 10px 20px; }


.threeacross .three {float: left; width: 300px; padding: 0 20px 0 0;}
.threeacross .contenthover { padding:12px 0px 10px 20px; }

.staffpic {
    max-width: 300px; 
    margin: 0 auto;
}

 
.underline
{
    border-bottom: thin solid #4b182c;
} 


.fixedbottom ul {
   display: none;
}

    /* MailChimp form style overrides */
#mc_embed_signup{
    background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; 
width : 70%; margin-left: 14%; margin-right : 14%;}


    
.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    background-color: #fff;
}


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

img
{
max-width: 100%;
}
#maincontent {
width : 90%;
margin: auto;
}

}





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

.logo {
    margin-left: 6px;
    margin-top: 10px;    
}

.socialmediatop {
    text-align: center;
    padding-top: 12px;
}
.largergreen
{
    font-size: 16px;
    line-height: 20px;
}

.fixedbottom ul {
    position: fixed;
    font-size: 34px;
    line-height : 50px;
    letter-spacing: 20px;
    bottom: 0;
    width: 100%;
    display: inline;
    text-align: center;
    background-color: #ddd;
    color: #575a5d;
}

.fixedbottom ul li {
    display: inline;
}



img
{
max-width: 100%;
}

#container {
	width: 100%;
}


#col_left {
	float: none;
	width: 90%;
    margin:  auto;
    text-align: left;
}
#col_right {
	float: none;
    margin: 10px auto;
    width: 90%;  
}
.main-wrapper {
    width : 100%;
    height : auto;
}

.menuborder{
    float: none;
    display: none;
}

#mainnav {
margin: 0 auto;
float: none; 
}

#maincontent {
width : 90%;
margin: auto;
}

#maincontentweddings {
width : 90%;
margin: auto;
}




#pagebox-wrap
{
    max-width: 90%;
    padding: 0;
    margin: auto;
}
#pagebox {
    max-width: 90%;
    margin: auto;
    text-align: center;        
    height : auto;   
} 
 
      
#pagebox .text {

    font-weight : normal;
    line-height : 1.3em;
    padding-top: 4px;
    text-align: left;    
} 

#pagebox .pagebox-one {
    float: none; 
    margin: 10px auto;
    min-height : 100px;
    height : auto;
    max-width: 100%;
}

#pagebox .pagebox-two {
    float: none; 
    margin: 10px auto;
    min-height : 100px;
    height : auto;
    max-width: 100%;

}
#pagebox .pagebox-three {
    float: none; 
    margin: 10px auto;
    height : auto;
    min-height : 120px;        
    max-width: 100%;
}

#pagebox .pagebox-four {
    float: none; 
    margin: 10px auto;
    padding: .5%;
    height : auto;
}

#pagebox img {
    max-width: 90%;
    height : auto;
}
#pagebox border {
    max-width: 90%;
    height : auto;
}

#contactbox .contactbox-one {
    float: none; 
    margin: auto;
    width: 170px; 
    padding: 0  30px;
    height : 160px;
}

#contactbox .contactbox-two {
    float: none; 
    width: 130px; 
    margin: auto;
    padding: 0  24px;
    height : auto;	
}

#contactbox .contactbox-three {
    float: none; 
    width: 160px; 
    margin: auto;
    padding: 0  24px;
    height : 160px;
}

#footer-wrap
{
    width : 100%;
    min-height : 400px;
}

#fourbox-wrap {
    width : 100%;
    margin: auto;
}


#fourbox {
	font-family: 'Source Sans Pro', sans-serif;
    font-size : 1.0em;
    width: 100%;
    float: none;
}   
  


#fourbox .one {
    float: none;
    width: 80%;
    margin: 0 auto;
    height : auto;

}

#fourbox .two {
    float: none;
    width: 80%;
    margin: 0 auto;
    height : auto;    
}

/* removed July 17, 2018
.threeacross
{
margin-left : 2%;
}
*/

.threeacross .one {float: none; 
    width: 100%;
    margin: 0 auto;
    height : auto;}


.threeacross .two {float: none; 
    width: 100%;
    margin: 0 auto;
    height : auto;}


.threeacross .three {float: none; 
    width: 100%;

    margin: 0 auto;
    height : auto;}

#tile-wrap {
    width: 100%;

}      

         
#tile {
    width : 95%;
}   
    


#tile .title {

   	font-size: 1.1em;
}

#tile img {

    height : auto;
}


#tile .tile-one {
    width: 90%; 
}

#tile .tile-two {
    width: 90%; 
}

#tile .tile-three {
    width: 90%; 
}

    /* MailChimp form style overrides */
#mc_embed_signup{
    background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; 
width : 90%; margin-left: 4%; margin-right : 4%;}

  


.formrow { margin-left: 0; }
.formrow .label { width: 100%; font-weight: bold; text-align: left; }
.formrow .input, .formrow .input input { width: 100%; }
.formrow .comment { width: 100%; }
.formrow .checkbox-comment { width: 90%;}
.formrow select { max-width: 100%; }
.formrow .input .formrow_80 { width: 86%; }

.formrow .center {padding-left: 1%;}
.formrow .padding35 {padding-left: 1%;}

.width600
{
width: 90%;
}
.housesrow { margin-left: 0; }
.housesrow .leftside { width: 100%;  }
.housesrow .rightside { width: 85%; margin-left: 10%; }
.housesrow .rightsidevisiting { width: 100%; }

.yoga {margin-left: 0%;}
.yoga .one {   width: 100%;}
.yoga .two {width: 100%;}
.yoga .three {width: 100%;}
.yoga .four { width: 100%;}

.treehouselist {
    padding: 10px 0  0 10%;
}

.rightnav {

	font-size: 1.0em;
	line-height : 1.2em;
 }



.clickimages 
{
text-align: center;
padding-top: 6px;
padding-bottom: 0px;
}

.paddingtop20
{
padding-top: 8px;
}

.paddingtop25
{
padding-top: 8px;
}

.mobileshow
{
display: block;
}
.mobilehide
{
display: none;
}
.paddingleft12
{
padding-left : 12px;
}
.paddingleft20
{
padding-left : 5%;
}
.paddingleft40
{
padding-left: 5%;
}
.paddingleft70
{
padding-left: 10%;
}
.paddingleft80
{
padding-left: 10%;
}
.paddingleft200
{
padding-left: 10%;
}

.bigphoto
{
display: none;
}



}

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


.logo {
    margin-left: 6px;
    margin-top: 6px;    
}
.paddingtop36
{
padding-top: 76px;
}
}

@media screen and (max-width : 489px) {
  
.breakmobile
{
    display: block!important;
    margin-top: 12px;
}
.title1 {
	line-height: 23px;	
}

  
 }