* { box-sizing: border-box; max-width: 100%; }

body { background: #f5f0e5; max-width: 100vw; margin: 0; color: #333; font-family: "Vollkorn", "Georgia", serif; overflow-x: hidden; }

img { display: block; max-width: 100%; }

h1, h2 { font-weight: 400; margin: 0; }

.container { max-width: 1380px; margin-left: auto; margin-right: auto; }

header { height: 140px; vertical-align: middle; border-bottom: 1px solid #bababa; padding: 10px; }

header .site-logo { width: 64px; margin-bottom: 20px; }

header .site-nav { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }

header .site-nav .nav-link { font-family: "Playfair Display", "Georgia", serif; font-size: 16px; text-decoration: none; color: #111; }

header .site-nav .nav-link:not(:last-child) { margin-right: 10px; margin-left: 10px; }

header .site-nav .nav-link:last-child { margin-right: 0; }

header .site-nav .nav-link:hover { color: #333; }

.hero .wrapper { display: flex; }

.hero .wrapper .text { position: relative; z-index: 4; min-width: 390px; max-width: 650px; margin-left: auto; display: block; position: relative; }

.hero .wrapper .text .content { overflow-x: visible; margin-top: 4rem; background-color: rgba(255, 255, 255, 0.2); padding: 20px; display: inline-block; }

.hero .wrapper .text .content .title { font-size: 36px; flex-wrap: nowrap; }

.hero .wrapper .text .content .title .cursive { font-family: "Sacramento", "Georgia", serif; color: #477253; }

.hero .wrapper .text .content .sub-title { font-size: 20px; }

.hero .wrapper .cover { position: relative; margin-left: auto; width: 60%; z-index: 2; display: block; height: 480px; }

.hero .wrapper .cover .cover-image { width: 100%; position: relative; background-size: cover; background-position: left center; height: 100%; }

.hero .cta.desktop { display: none; }

.hero .cta.mobile { display: block; padding: 0 20px; }

.hero .cta .bttn { display: block; background-color: #477253; border: none; padding: 12px; color: #fff; font-family: "Vollkorn", "Georgia", serif; font-size: 20px; margin: 20px auto; width: 100%; text-align: center; }

.hero .cta .bttn:hover { background-color: #51825e; cursor: pointer; }

.more-info .content { display: flex; justify-content: center; align-items: center; flex-direction: column; }

.more-info .content > div { padding: 2rem 20px; }

.more-info .content .left-col { flex: 1; border-bottom: 1px solid #bababa; text-align: center; border-right: none; }

.more-info .content .left-col h2 { color: #333; font-size: 30px; max-width: 388px; display: inline-block; margin-right: auto; }

.more-info .content .right-col { flex: 1; text-align: center; }

.more-info .content .right-col p { color: #333; font-size: 20px; max-width: 497px; display: inline-block; margin-left: auto; }

.gallery-slider { margin: 2rem 0; padding: 4rem 0; position: relative; background-color: #477253; }

.gallery-slider .slider .item img { height: 400px; }

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

.qu .text h2 { font-family: "Playfair Display", "Georgia", serif; color: #111; margin: 0 auto; padding: 6rem 20px; max-width: 800px; font-size: 40px; }

.discover { background-size: cover; background-position: center center; }

.discover .text { display: flex; height: 90vh; justify-content: flex-start; align-items: flex-end; padding-bottom: 4rem; padding-left: 2rem; max-width: 300px; }

.directions .map { display: flex; justify-content: center; position: relative; }

.directions .map .embed { position: relative; max-width: 800px !important; margin-left: auto !important; margin-right: auto !important; padding: 20px; z-index: 2; height: 500px; }

.address { border-top: none; border-bottom: 1px solid #bababa; }

.address .content { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.address .content .text { text-align: center; border-bottom: 1px solid #bababa; padding: 1rem; border-right: none; }

.address .content .text h2 { font-size: 24px; margin-bottom: 0; }

.address .content .text p { font-size: 20px; margin-top: 0; }

.address .content .contact { text-align: center; padding: 1rem; }

.address .content .contact h2 { font-size: 24px; color: #333; margin-bottom: 0; }

.address .content .contact p { font-size: 24px; margin-top: 0; }

.address .content .contact p span { color: #477253; }

.address .content .contact p a { text-decoration: none; }

footer { color: #555; padding: 5px 1rem; text-align: center; }

@media (min-width: 961px) { header { height: 165px; vertical-align: middle; border-bottom: 1px solid #bababa; padding: 20px 0 20px 20px; } header .site-logo { margin-right: auto; width: 116px; margin-bottom: 0; } header .site-nav { justify-content: space-between; margin-left: auto; margin-right: 60vw; text-align: left; flex-direction: row; justify-content: flex-end; max-width: 627px; } header .site-nav .nav-link { font-size: 20px; } header .site-nav .nav-link:not(:last-child) { margin-right: 30px; } header .site-nav .nav-link:last-child { margin-right: 40px; } .hero .wrapper .text .content { margin-top: 0; background-color: transparent; } .hero .wrapper .text .content .title { font-size: 64px; } .hero .wrapper .text .content .sub-title { font-size: 30px; } .hero .wrapper .cover .cover-image { height: calc(100% + 240px); top: -165px; } .hero .cta.desktop { display: block; } .hero .cta.mobile { display: none; } .hero .cta .bttn { width: auto; margin-left: 0; padding-left: 20px; padding-right: 20px; font-size: 30px; } .more-info { border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; } .more-info .content { justify-content: space-between; align-items: stretch; flex-direction: row; } .more-info .content .left-col, .more-info .content .right-col { padding: 2rem 20px; } .more-info .content .left-col { flex: 1; border-bottom: none; text-align: left; border-right: 1px solid #bababa; } .more-info .content .left-col h2 { font-size: 30px; } .more-info .content .right-col { flex: 1; text-align: right; } .more-info .content .right-col p { font-size: 20px; } .discover { background-size: cover; } .discover .text { max-width: 400px; } .address { border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; } .address .content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .address .content .text { flex: 1; text-align: left; border-bottom: none; padding: 1rem; border-right: 1px solid #bababa; } .address .content .text h2 { font-size: 24px; } .address .content .text p { font-size: 20px; } .address .content .contact { flex: 1; text-align: right; padding: 1rem; } .address .content .contact h2 { font-size: 24px; color: #333; } .address .content .contact p { font-size: 24px; } .address .content .contact p span { color: #477253; } .address .content .contact p a { text-decoration: none; } }

@media (min-width: 1300px) { .nav-link { font-family: "Playfair Display", "Georgia", serif; text-decoration: none; color: #111; } .nav-link:not(:last-child) { margin-right: 64px; } .nav-link:last-child { margin-right: 50px; } .nav-link:hover { color: #333; } }

/*# sourceMappingURL=main.css.map */