@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;}

.slideshow {width:100%; height:auto; padding-bottom:60%; overflow:hidden; position:relative; }
.slideshow img{ position:absolute; animation:fling-minislide 20s infinite; -moz-animation:fling-minislide 20s infinite; -webkit-animation:fling-minislide 20s infinite; -o-animation:fling-minislide 20s infinite; opacity:0; width: 100%; height: auto;}
.slideshow img:nth-child(4){animation-delay:0s;}
.slideshow img:nth-child(3){animation-delay:5s;}
.slideshow img:nth-child(2){animation-delay:10s;}
.slideshow img:nth-child(1){animation-delay:15s;}
@keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}
@-moz-keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}
@-webkit-keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}
@-o-keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}

@media only screen and (min-width: 1725px) {
#garden_logo {width:300px; float:left; height:100px; margin:0; padding:0;}
#house_logo {width:250px; height:auto; margin:0 auto; padding:0; padding-top:25px; padding-bottom:25px;}
#garden_menu {width:400px; float:right; height:100px; margin:0; padding:0;}
#house_menu {width:350px; 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;}
.text {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400; font-size:18px; line-height:33px; color:#333;}
.link {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:18px; line-height:33px; color:#999;}
.title {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:30px; line-height:30px; color:#333;}
.thicktitle {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:30px; line-height:30px; color:#666;}}

@media only screen and (min-width: 1425px) and (max-width: 1724px) {
#garden_logo {width:300px; float:left; height:100px; margin:0; padding:0;}
#house_logo {width:250px; height:auto; margin:0 auto; padding:0; padding-top:25px; padding-bottom:25px;}
#garden_menu {width:400px; float:right; height:100px; margin:0; padding:0;}
#house_menu {width:350px; 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;}
.text {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400; font-size:18px; line-height:33px; color:#333;}
.link {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:18px; line-height:33px; color:#999;}
.title {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:30px; line-height:30px; color:#333;}
.thicktitle {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:30px; line-height:30px; color:#666;}}

@media only screen and (min-width: 1025px) and (max-width: 1424px) {
#garden_logo {width:300px; float:left; height:100px; margin:0; padding:0;}
#house_logo {width:250px; height:auto; margin:0 auto; padding:0; padding-top:25px; padding-bottom:25px;}
#garden_menu {width:400px; float:right; height:100px; margin:0; padding:0;}
#house_menu {width:350px; 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;}
.text {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400; font-size:18px; line-height:33px; color:#333;}
.link {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:18px; line-height:33px; color:#999;}
.title {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:30px; line-height:30px; color:#333;}
.thicktitle {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:30px; line-height:30px; color:#666;}}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#garden_logo {width:230px; float:left; height:80px; margin:0; padding:0;}
#house_logo {width:180px; height:auto; margin:0 auto; padding:0; padding-top:25px; padding-bottom:25px;}
#garden_menu {width:370px; float:right; height:80px; margin:0; padding:0;}
#house_menu {width:330px; 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;}
.text {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400; font-size:18px; line-height:33px; color:#333;}
.link {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:18px; line-height:33px; color:#999;}
.title {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:30px; line-height:30px; color:#333;}
.thicktitle {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:30px; line-height:30px; color:#666;}}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
#garden_logo {width:230px; float:left; height:80px; margin:0; padding:0;}
#house_logo {width:180px; height:auto; margin:0 auto; padding:0; padding-top:25px; padding-bottom:25px;}
#garden_menu {width:370px; float:right; height:80px; margin:0; padding:0;}
#house_menu {width:330px; 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;}
.text {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400; font-size:15px; line-height:25px; color:#333;}
.link {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:15px; line-height:25px; color:#999;}
.title {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:25px; line-height:25px; color:#333;}
.thicktitle {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:25px; line-height:25px; color:#666;}}

@media only screen and (min-width: 501px) and (max-width: 767px) {
#garden_logo {width:100%; float:left; height:50px; margin:0; padding:0;}
#house_logo {width:130px; height:auto; margin:0 auto; padding:0; padding-top:20px; 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;}
.text {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400; font-size:15px; line-height:25px; color:#333;}
.link {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:15px; line-height:25px; color:#999;}
.title {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:20px; line-height:20px; color:#333;}
.thicktitle {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:20px; line-height:20px; color:#333;}}

@media only screen and (min-width: 321px) and (max-width: 500px) {
#garden_logo {width:100%; float:left; height:50px; margin:0; padding:0;}
#house_logo {width:130px; height:auto; margin:0 auto; padding:0; padding-top:20px; 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;}
.text {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400; font-size:15px; line-height:25px; color:#333;}
.link {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:15px; line-height:25px; color:#999;}
.title {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:20px; line-height:20px; color:#333;}
.thicktitle {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:20px; line-height:20px; color:#333;}}

@media only screen and (min-width: 0px) and (max-width: 320px) {
#garden_logo {width:100%; float:left; height:50px; margin:0; padding:0;}
#house_logo {width:130px; height:auto; margin:0 auto; padding:0; padding-top:20px; 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;}
.text {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400; font-size:15px; line-height:25px; color:#333;}
.link {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:400;  font-size:15px; line-height:25px; color:#999;}
.title {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:20px; line-height:20px; color:#333;}
.thicktitle {padding:0; margin:0; font-family: 'Playfair Display', serif; font-weight:700;  font-size:20px; line-height:20px; color:#333;}}