@charset "utf-8";

.header_logo {width:100%; height:auto;}
#header_logo a {cursor: default;}
.image {margin:o; padding:0; width:100%; height:auto; display:block;}
.topnav {z-index: 999;}



@media only screen and (min-width: 1000px) {
.wrap {max-width:100%; min-width:200px; margin:auto; position:relative;}
.stackedimageandtext {position:absolute; top:0; left:0; right:0; bottom:0; overflow:auto;}
.stackedimageandtext-inner {display:table; width:100%; height:100%;}
.stackedimageandtext-content {display:table-cell; vertical-align:middle;}
.stackedimageandtext-content h1 {margin:0; padding:0px 15px 0px 15px; text-align: center; color:#FFF; font-size:30px; line-height:35px; font-family: Arial, Helvetica, sans-serif; font-weight:600;}
.stackedimageandtext-content h2 {margin:0; padding:0px 15px 0px 15px; text-align: center; color:#FFF; font-size:16px; line-height:16px; font-family: Arial, Helvetica, sans-serif; font-weight:300;}
.stackedimageandtext-content h3 {margin:0; padding:0px 15px 0px 15px; text-align: center; color:#FFF; font-size:16px; line-height:16px; font-family: Arial, Helvetica, sans-serif; font-weight:300; font-style:italic;}}

@media only screen and (min-width: 0px) and (max-width: 999px){
.wrap {max-width:100%; min-width:200px; margin:auto; position:relative;}
.stackedimageandtext {position:absolute; top:0; left:0; right:0; bottom:0; overflow:auto;}
.stackedimageandtext-inner {display:table; width:100%; height:100%;}
.stackedimageandtext-content {display:table-cell; vertical-align:middle;}
.stackedimageandtext-content h1 {margin:0; padding:0px 15px 0px 15px; text-align: center; color:#FFF; font-size:18px; line-height:22px; font-family: Arial, Helvetica, sans-serif; font-weight:600;}
.stackedimageandtext-content h2 {margin:0; padding:0px 15px 0px 15px; text-align: center; color:#FFF; font-size:14px; line-height:14px; font-family: Arial, Helvetica, sans-serif; font-weight:300;}
.stackedimageandtext-content h3 {margin:0; padding:0px 15px 0px 15px; text-align: center; color:#FFF; font-size:14px; line-height:14px; font-family: Arial, Helvetica, sans-serif; font-weight:300; font-style:italic;}}




@media only screen and (min-width: 1725px) {
#garden_logo {width:255px; float:left; height:150px; margin:0; padding:0; background-color:#fff;}
#house_logo {width:215px; height:auto; margin:0 auto; padding:0; padding-top:20px; padding-bottom:20px;}
#garden_menu {width:140px; float:right; height:150px; margin:0; padding:0;}
#house_menu {width:75px; height:auto; margin:0 auto; padding:0; padding-top:40px; padding-bottom:40px;}
.container {padding: 0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:center;}
.container_oneitem {width:100%; height:auto; padding:0; margin:0;}
.container_twoitem {width:50%; height:auto; padding:0; margin:0;}
.container_centeritem {width:30%; min-width:500px; height:auto; padding:0; margin:0;}
.container_singlethreeitem {width:75%; height:auto; padding:0; margin:0;}
.container_doublethreeitem {width:37.5%; height:auto; padding:0; margin:0;}
.container_triplethreeitem {width:25%; height:auto; padding:0; margin:0;}
h1 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300; font-size:20px; line-height:25px; color:#000;}
h2 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:17px; line-height:20px; color:#000;}
.link {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:20px; line-height:25px; color:#000; font-style:italic;}
.title {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:40px; line-height:40px; color:#000;}}

@media only screen and (min-width: 1425px) and (max-width: 1724px) {
#garden_logo {width:255px; float:left; height:150px; margin:0; padding:0; background-color:#fff;}
#house_logo {width:215px; height:auto; margin:0 auto; padding:0; padding-top:20px; padding-bottom:20px;}
#garden_menu {width:140px; float:right; height:150px; margin:0; padding:0;}
#house_menu {width:75px; height:auto; margin:0 auto; padding:0; padding-top:40px; padding-bottom:40px;}
.container {padding: 0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:center;}
.container_oneitem {width:100%; height:auto; padding:0; margin:0;}
.container_twoitem {width:50%; height:auto; padding:0; margin:0;}
.container_centeritem {width:30%; min-width:500px; height:auto; padding:0; margin:0;}
.container_singlethreeitem {width:75%; height:auto; padding:0; margin:0;}
.container_doublethreeitem {width:37.5%; height:auto; padding:0; margin:0;}
.container_triplethreeitem {width:25%; height:auto; padding:0; margin:0;}
h1 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300; font-size:20px; line-height:25px; color:#000;}
h2 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:17px; line-height:20px; color:#000;}
.link {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:20px; line-height:25px; color:#000; font-style:italic;}
.title {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:40px; line-height:40px; color:#000;}}

@media only screen and (min-width: 1025px) and (max-width: 1424px) {
#garden_logo {width:255px; float:left; height:150px; margin:0; padding:0; background-color:#fff;}
#house_logo {width:215px; height:auto; margin:0 auto; padding:0; padding-top:20px; padding-bottom:20px;}
#garden_menu {width:140px; float:right; height:150px; margin:0; padding:0;}
#house_menu {width:75px; height:auto; margin:0 auto; padding:0; padding-top:40px; padding-bottom:40px;}
.container {padding: 0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:center;}
.container_oneitem {width:100%; height:auto; padding:0; margin:0;}
.container_twoitem {width:50%; height:auto; padding:0; margin:0;}
.container_centeritem {width:30%; min-width:500px; height:auto; padding:0; margin:0;}
.container_singlethreeitem {width:75%; height:auto; padding:0; margin:0;}
.container_doublethreeitem {width:37.5%; height:auto; padding:0; margin:0;}
.container_triplethreeitem {width:25%; height:auto; padding:0; margin:0;}
h1 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300; font-size:20px; line-height:25px; color:#000;}
h2 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:17px; line-height:20px; color:#000;}
.link {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:20px; line-height:25px; color:#000; font-style:italic;}
.title {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:40px; line-height:40px; color:#000;}}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#garden_logo {width:220px; float:left; height:130px; margin:0; padding:0; background-color:#fff;}
#house_logo {width:180px; height:auto; margin:0 auto; padding:0; padding-top:20px; padding-bottom:20px;}
#garden_menu {width:140px; float:right; height:130px; margin:0; padding:0;}
#house_menu {width:75px; height:auto; margin:0 auto; padding:0; padding-top:30px; padding-bottom:30px;}
.container {padding: 0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:center;}
.container_oneitem {width:100%; height:auto; padding:0; margin:0;}
.container_twoitem {width:50%; height:auto; padding:0; margin:0;}
.container_centeritem {width:30%; min-width:500px; height:auto; padding:0; margin:0;}
.container_singlethreeitem {width:75%; height:auto; padding:0; margin:0;}
.container_doublethreeitem {width:37.5%; height:auto; padding:0; margin:0;}
.container_triplethreeitem {width:25%; height:auto; padding:0; margin:0;}
h1 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300; font-size:17px; line-height:22px; color:#000;}
h2 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:15px; line-height:20px; color:#000;}
.link {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:15px; line-height:20px; color:#000; font-style:italic;}
.title {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:25px; line-height:25px; color:#000;}}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
#garden_logo {width:220px; float:left; height:130px; margin:0; padding:0; background-color:#fff;}
#house_logo {width:180px; height:auto; margin:0 auto; padding:0; padding-top:20px; padding-bottom:20px;}
#garden_menu {width:140px; float:right; height:130px; margin:0; padding:0;}
#house_menu {width:75px; height:auto; margin:0 auto; padding:0; padding-top:30px; padding-bottom:30px;}
.container {padding: 0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:center;}
.container_oneitem {width:100%; height:auto; padding:0; margin:0;}
.container_twoitem {width:50%; height:auto; padding:0; margin:0;}
.container_centeritem {width:30%; min-width:500px; height:auto; padding:0; margin:0;}
.container_singlethreeitem {width:75%; height:auto; padding:0; margin:0;}
.container_doublethreeitem {width:37.5%; height:auto; padding:0; margin:0;}
.container_triplethreeitem {width:25%; height:auto; padding:0; margin:0;}
h1 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300; font-size:17px; line-height:22px; color:#000;}
h2 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:15px; line-height:20px; color:#000;}
.link {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:15px; line-height:20px; color:#000; font-style:italic;}
.title {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:25px; line-height:25px; color:#000;}}

@media only screen and (min-width: 501px) and (max-width: 767px) {
#garden_logo {width:100%; float:left; height:85px; margin:0; padding:0; background-color:#fff;}
#house_logo {width:130px; height:auto; margin:0 auto; padding:0; padding-top:15px; padding-bottom:5px;}
#garden_menu {width:100%; float:right; height:auto; margin:0; padding:0; padding-top:0px; padding-bottom:5px;}
#house_menu {width:100%; height:auto; margin:0 auto; padding:0;}
.container {padding: 0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:center;}
.container_oneitem {width:100%; height:auto; padding:0; margin:0;}
.container_twoitem {width:100%; height:auto; padding:0; margin:0;}
.container_centeritem {width:100%; height:auto; padding:0; margin:0;}
.container_singlethreeitem {width:100%; height:auto; padding:0; margin:0;}
.container_doublethreeitem {width:100%; height:auto; padding:0; margin:0;}
.container_triplethreeitem {width:100%; height:auto; padding:0; margin:0;}
h1 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300; font-size:17px; line-height:22px; color:#000;}
h2 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:15px; line-height:20px; color:#000;}
.link {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:15px; line-height:20px; color:#000; font-style:italic;}
.title {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:600;  font-size:20px; line-height:20px; color:#000;}}

@media only screen and (min-width: 321px) and (max-width: 500px) {
#garden_logo {width:100%; float:left; height:85px; margin:0; padding:0; background-color:#fff;}
#house_logo {width:130px; height:auto; margin:0 auto; padding:0; padding-top:15px; padding-bottom:5px;}
#garden_menu {width:100%; float:right; height:auto; margin:0; padding:0; padding-top:0px; padding-bottom:5px;}
#house_menu {width:100%; height:auto; margin:0 auto; padding:0;}
.container {padding: 0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:center;}
.container_oneitem {width:100%; height:auto; padding:0; margin:0;}
.container_twoitem {width:100%; height:auto; padding:0; margin:0;}
.container_centeritem {width:100%; height:auto; padding:0; margin:0;}
.container_singlethreeitem {width:100%; height:auto; padding:0; margin:0;}
.container_doublethreeitem {width:100%; height:auto; padding:0; margin:0;}
.container_triplethreeitem {width:100%; height:auto; padding:0; margin:0;}
h1 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300; font-size:17px; line-height:22px; color:#000;}
h2 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:15px; line-height:20px; color:#000;}
.link {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:15px; line-height:20px; color:#000; font-style:italic;}
.title {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:600;  font-size:20px; line-height:20px; color:#000;}}

@media only screen and (min-width: 0px) and (max-width: 320px) {
#garden_logo {width:100%; float:left; height:85px; margin:0; padding:0; background-color:#fff;}
#house_logo {width:130px; height:auto; margin:0 auto; padding:0; padding-top:15px; padding-bottom:5px;}
#garden_menu {width:100%; float:right; height:auto; margin:0; padding:0; padding-top:0px; padding-bottom:5px;}
#house_menu {width:100%; height:auto; margin:0 auto; padding:0;}
.container {padding: 0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:center;}
.container_oneitem {width:100%; height:auto; padding:0; margin:0;}
.container_twoitem {width:100%; height:auto; padding:0; margin:0;}
.container_centeritem {width:100%; height:auto; padding:0; margin:0;}
.container_singlethreeitem {width:100%; height:auto; padding:0; margin:0;}
.container_doublethreeitem {width:100%; height:auto; padding:0; margin:0;}
.container_triplethreeitem {width:100%; height:auto; padding:0; margin:0;}
h1 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300; font-size:17px; line-height:22px; color:#000;}
h2 {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:15px; line-height:20px; color:#000;}
.link {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:300;  font-size:15px; line-height:20px; color:#000; font-style:italic;}
.title {padding:0; margin:0; font-family: 'EB Garamond', serif; font-weight:600;  font-size:20px; line-height:20px; color:#000;}}