*/

body {
	font-size: 11px;
}

#body{
	width: 100%;
	max-width: 1140px;
}

.bodyContainerPap {
	background-color: #FCF9EC;
	color: #EAE6D4;
	background-repeat: no-repeat;
}

.contentContainer {
	padding: 0px 0px 0px 0px
}

.contentContainerNoPad {
	padding: 0px 0px 0px 0px
}

.pink{
	background-color: #D59272;
}

.putty{
	background-color: #EAE6D4;
}

.lightputty{
	background-color: #FCF9EC;
}

.rose{
	background-color: #9C402C;
}


.clay{
	background-color: #9C402C;
}

.darkclay{
background-color: #764F46;
}

.teal{
	background-color: #799E96;
}



.homebg{
	background-image: url('../images/bg/homebg.jpg');
	background-repeat: no-repeat;
	background-position: center bottom; /* Center the image */
 	background-size: cover; /* Resize the background image to cover the entire container */
}





.imgfern{
	background-image: url('../images/bg/image34.png');
	background-repeat: no-repeat;
	background-position: center bottom; /* Center the image */
 	background-size: contain; /* Resize the background image to cover the entire container */
}


.paprika{
	background-color: #9C402C;
}

.canvas{
	background-color: #C26D1E;
}

.moss{
	background-color: #313F26;
}

.grass{
	background-color: #415A2E;
}

.berry{
	background-color: #5B3362;
}

.ocean{
	background-color: #335F62;
}

.sky{
	background-color: #70A9AC;
}

.stone{
	background-color: #384445;
}

.lake{
	background-color: #0B7B82;
}

.fern{
	background-color: #738962;
}




.container{
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0px 20px 0px;
}

.containerNoPad{
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}

.containerHomePortrait{
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
    margin-top:-150px;
    margin-bottom: -150px;
}



@media (max-width: 900px) {
.containerHomePortrait{
 	margin-bottom: -50px;
}
}



/* Home IMAGE */


.containerNoPadHome{
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}


.containerHomeImage{
	background-color: #EAE6D4;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:-140px;
}

.imageContainerHome{
	display: grid;
	justify-content: center;
	align-content: center;
}


@media (max-width: 900px) {
.containerHomeImage{
 	margin-bottom:-140px;
}
}

.edbreakHome{
 padding-top: 140px;
}

/* END ED IMAGE */




/* ED IMAGE */


.containerNoPadEd{
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}


.containerEdImage{
	background-color: #FCF9EC;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:-240px;
}

.imageContainerEd{
	display: grid;
	justify-content: center;
	align-content: center;
}


@media (max-width: 900px) {
.containerEdImage{
 	margin-bottom:-240px;
}
}

.edbreak{
 padding-top: 240px;
}

/* END ED IMAGE */


.imageContainer{
	padding: 0 100px 0 100px;
}


.containerDash{
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0px 0px 0px;
	background-image: url('../images/furniture/div2.png');
	background-repeat: repeat-x;
}

.containerheader{
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding: 6em 0px 10em 0px;
}

.containertall{
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding: 6em 0px 6em 0px;
}



.contentWrapper{
	padding: 5px 30px 10px 30px;
}

@media (max-width: 767px) {
.contentWrapper{
	padding: 5px 40px 10px 40px;
}
}


.footer{
padding: 40px 0px 0px 0px;
margin-left: auto;
margin-right: auto;

}


.footerInner{
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding: 1em 0 8em 0;
	width: 100%;
}


.content{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
}


.row{
	padding: 0 0 0 0;
	margin: 0 0 1px 0;
	width: 100%;
}



/* HEADER */

.introWrapperHome{
	/*min-height: 600px;*/
	padding: 30px 0 0 0;
}

@media (max-width: 1300px) {
.introWrapperHome{

	/*height: 620px;*/
	padding: 30px 0 0 0;
}
}

@media (max-width: 767px) {
.introWrapperHome{

	/*height: 850px;*/
	padding: 30px 0 0 0;
}
}

@media (max-width: 480px) {
.introWrapperHome{

	/*height: 850px;*/
	padding: 30px 0 0 0;
}
}




.introWrapper{
	padding: 100px 0 0 0;
}

@media (max-width: 1300px) {
.introWrapper{

	padding: 30px 0 0 0;
}
}

@media (max-width: 767px) {
.introWrapper{

	padding: 100px 0 0 0;
}
}



/* BODY */

.container .introBadg{
	padding: 0px 0px 40px 0px;
}


.intro{
	font-family: "Open Sans", sans-serif;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px 0px 40px 0px;
	text-align: center;
	color: #FFFFFF;
}


.introTitle{
	font-family: "Open Sans", sans-serif;
	font-size: 1.4em;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 40px 0px;
	text-align: center;
}


@media (max-width: 767px) {
.introTitle{
	font-family: "Open Sans", sans-serif;
	font-size: 1.4em;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 40px 0px;
	text-align: center;
}
}


/* - - -  */

.introStrapline{
	font-family: "DM Serif Text", serif;
	font-size: 3em;
	color: #384445;
	line-height: 1.4em;
	padding: 0px 0px 40px 0px;
	text-align: center;
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}


@media (max-width: 1300px) {
.introStrapline{
	font-family: "DM Serif Text", serif;
	font-size: 3em;
	color: #384445;
	line-height: 1.4em;
	padding: 0px 0px 40px 0px;
	text-align: center;
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}
}


@media (max-width: 767px) {
.introStrapline{
	font-family: "DM Serif Text", serif;
	font-size: 2.5em;
	color: #384445;
	line-height: 1.4em;
	padding: 0px 0px 20px 0px;
	text-align: center;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}




/* - - -  */

.headerContainer{
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.sectionContainer{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.colContainer{
	text-align: center;
	padding-left: 20%;
	padding-right: 20%;
}

.sectionHeader{
	margin-left: auto;
	margin-right: auto;
}

.item{
	padding: 20px 20px 20px 20px;
}


.promoBadge{
	padding: 0px 0px 20px 0px;
}

.promoItem{
	text-align: center;
	padding: 60px 20px 0px 20px;
}


p{
	font-family: "Open Sans", sans-serif;
	font-size: 0.9em;
	
}




.imgcenter{
	margin-left: auto;
  margin-right: auto;
 }


.introBadgImg{
width: 250px;
margin-left: auto;
margin-right: auto;
}

.homeBadgImg{
width: 200px;
margin-left: auto;
margin-right: auto;
}

.homeLockupImg{
width: 700px;
margin-left: auto;
margin-right: auto;
}

.promoBadgeImg{
width: 120px;
margin-left: auto;
margin-right: auto;
}




/* TYPOGRAPHY ONLY */ 



.bodyTextDark{
	font-family: "Open Sans", sans-serif;
	font-size: 1em;
	line-height: 150%;
	padding: 10px 0px 10px 0px;
	text-align: center;
	color: #764F46;
}

.bodyTextLight{
	font-family: "Open Sans", sans-serif;
	font-size: 1em;
	line-height: 150%;
	padding: 10px 0px 10px 0px;
	text-align: center;
	color: #FCF9EC;
}


.dark{
	color: #313F26;
}

.light{
	color: #FCF9EC;
}

.divider{
	background-color: #f9f7f0;
	height: 1px;
}

/* MAIN CONTENT CONTAINER */ 
.contentContainer{

}






h1{
	font-family: "DM Serif Text", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 2.4em;
}

h1.pages{
	font-family: "DM Serif Text", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 1.8em;
	margin: 0 0 2em 0;
	color: #313F26;
}

h2{
	font-family: "DM Serif Text", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 1.8em;
	margin: 0 0 2em 0;
}


h3{
	font-family: "DM Serif Text", serif;
  	font-weight: 400;
  	font-style: normal;
	color: #000000;
	font-size: 3em;
	padding: 0px 0px 30px 0px;
}

h4{
	font-family: "Open Sans", sans-serif;
	padding: 0px 0px 25px 0px;
}




/* footer */

.logo{
	display: grid;
	justify-content: center;
	align-content: center;
	color: #D59272;
	font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 1em;
  font-style: normal;
  margin-top: -30px;
}

/* NAV */

.overlay-menu{
	display: none;
	position: fixed;
	justify-content: center;
	align-content: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	margin: auto;
	background-color: rgba(156, 64, 44, 0.95);
}


.overlay-menu-open{
	display: grid;
	justify-content: center;
	align-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(156, 64, 44, 0.95);
}

.menu-item{
display: block;
text-align: center; 
margin: 20px 0px 20px 0px;
width: 100%;
}

.menu-item-container{
display: block;
width: 100%;
}



.menu-button{
border: none;
background: transparent;
cursor: pointer;
padding: 10px;
position: relative;
z-index: 100;
}

.menu-button .line{
display: block;
width: 25px;
height: 3px;
background-color:#384445;
margin: 5px;
transition: all 0.3s ease-in-out;
}

.line-open .line:nth-child(1) {
transform: translateY(8px) rotate(45deg);
display: block;
width: 25px;
height: 3px;
background-color:#ffffff;
margin: 5px;
transition: all 0.3s ease-in-out;
}
.line-open .line:nth-child(2) {
background-color:#9C402C;
}
.line-open .line:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
display: block;
width: 25px;
height: 3px;
background-color:#ffffff;
margin: 5px;
transition: all 0.3s ease-in-out;
}




/* display: block; */

/* LINK */

	a:link, a:visited, a:active{
		color: inherit;
	    text-decoration: none;
	}
	
	
	a:hover{
    	color: #ffffff;
	}
	
	
	a.mailButton:link, a.mailButton:visited, a.mailButton:active{
		font-family: "DM Serif Text", serif;
  		font-weight: 400;
  		font-size: 1.2em;
  		color: #384445;
	    text-decoration: underline;
	}
	
	
	a.mailButton:hover{
    	color: #9C402C;
	}
	
	a.mailButtonInline:link, a.mailButtonInline:visited, a.mailButtonInline:active{
  		font-size: inherit;
  		color: #384445;
	    text-decoration: underline;
	}
	
	
	a.mailButtonInline:hover{
    	color: #9C402C;
	}
	
	
	.overlay-menu a:link, a:visited, a:active{
		font-family: "DM Serif Text", serif;
  		font-weight: 400;
		font-size: 1.7em;
		color: #EAE6D4;
	    text-decoration: none;
	}
	
	
	.overlay-menu a:hover{
    	color: #ffffff;
	}
	

	a.introButton:link, a.introButton:visited, a.introButton:active{
	    text-decoration: none;
	    background-color: #EAE6D4;
  		border-radius: 4px;
  		display: inline-block;
  		padding: 10px 20px 10px 20px;
   		color: #9C402C;
		font-family: 'Comfortaa', cursive;
		font-weight:700;
		font-size: 0.6em;
	}
	
	
	a.introButton:hover{
	 	background-color: #EAE6D4;
    	color: #9C402C;
	}
	
	
	a.inlineButton:link, a.inlineButton:visited, a.inlineButton:active{
	    text-decoration: none;
	    background-color: #EAE6D4;
  		border-radius: 4px;
  		display: inline-block;
  		padding: 10px 20px 10px 20px;
   		color: #9C402C;
		font-family: 'Comfortaa', cursive;
		font-weight:700;
		font-size: 1em;
	}
	
	
	a.inlineButton:hover{
	 	background-color: #EAE6D4;
    	color: #9C402C;
	}
	
	
	
	a.nav:link, a.nav:visited, a.nav:active{
	    text-decoration: none;
  		display: inline-block;
  		padding: 10px 5px 10px 5px;
   		color: #inherit;
		font-family: 'Comfortaa', cursive;
		font-weight:200;
		font-size: 1.3em;
	}
	
	
	a.nav:hover{
    	color: #ffffff;
	}
	
	
	

	.footer a:link, .footer a:visited, .footer a:active{
	    text-decoration: none;
   		color: inherit;
   		font-family: 'Comfortaa', cursive;
		font-weight:400;
		font-size: 1em;
	}
	
	
	.footer a:hover{
    	color: #ffffff;
	}