.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 1200px) { .container { max-width: 960px; } }

@media (min-width: 1400px) { .container { max-width: 1160px; } }

.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-xmd, .col-xmd-auto, .col-xmd-12, .col-xmd-11, .col-xmd-10, .col-xmd-9, .col-xmd-8, .col-xmd-7, .col-xmd-6, .col-xmd-5, .col-xmd-4, .col-xmd-3, .col-xmd-2, .col-xmd-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-ss, .col-ss-auto, .col-ss-12, .col-ss-11, .col-ss-10, .col-ss-9, .col-ss-8, .col-ss-7, .col-ss-6, .col-ss-5, .col-ss-4, .col-ss-3, .col-ss-2, .col-ss-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-3 { flex: 0 0 25%; max-width: 25%; }

.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-6 { flex: 0 0 50%; max-width: 50%; }

.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-9 { flex: 0 0 75%; max-width: 75%; }

.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-12 { flex: 0 0 100%; max-width: 100%; }

.order-first { order: -1; }

.order-last { order: 13; }

.order-0 { order: 0; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-6 { order: 6; }

.order-7 { order: 7; }

.order-8 { order: 8; }

.order-9 { order: 9; }

.order-10 { order: 10; }

.order-11 { order: 11; }

.order-12 { order: 12; }

.offset-1 { margin-left: 8.3333333333%; }

.offset-2 { margin-left: 16.6666666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.3333333333%; }

.offset-5 { margin-left: 41.6666666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.3333333333%; }

.offset-8 { margin-left: 66.6666666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.3333333333%; }

.offset-11 { margin-left: 91.6666666667%; }

@media (min-width: 375px) { .col-ss { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-ss-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-ss-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-ss-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-ss-3 { flex: 0 0 25%; max-width: 25%; } .col-ss-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-ss-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-ss-6 { flex: 0 0 50%; max-width: 50%; } .col-ss-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-ss-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-ss-9 { flex: 0 0 75%; max-width: 75%; } .col-ss-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-ss-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-ss-12 { flex: 0 0 100%; max-width: 100%; } .order-ss-first { order: -1; } .order-ss-last { order: 13; } .order-ss-0 { order: 0; } .order-ss-1 { order: 1; } .order-ss-2 { order: 2; } .order-ss-3 { order: 3; } .order-ss-4 { order: 4; } .order-ss-5 { order: 5; } .order-ss-6 { order: 6; } .order-ss-7 { order: 7; } .order-ss-8 { order: 8; } .order-ss-9 { order: 9; } .order-ss-10 { order: 10; } .order-ss-11 { order: 11; } .order-ss-12 { order: 12; } .offset-ss-0 { margin-left: 0; } .offset-ss-1 { margin-left: 8.3333333333%; } .offset-ss-2 { margin-left: 16.6666666667%; } .offset-ss-3 { margin-left: 25%; } .offset-ss-4 { margin-left: 33.3333333333%; } .offset-ss-5 { margin-left: 41.6666666667%; } .offset-ss-6 { margin-left: 50%; } .offset-ss-7 { margin-left: 58.3333333333%; } .offset-ss-8 { margin-left: 66.6666666667%; } .offset-ss-9 { margin-left: 75%; } .offset-ss-10 { margin-left: 83.3333333333%; } .offset-ss-11 { margin-left: 91.6666666667%; } }

@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } }

@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } }

@media (min-width: 1024px) { .col-xmd { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xmd-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xmd-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xmd-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xmd-3 { flex: 0 0 25%; max-width: 25%; } .col-xmd-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xmd-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xmd-6 { flex: 0 0 50%; max-width: 50%; } .col-xmd-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xmd-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xmd-9 { flex: 0 0 75%; max-width: 75%; } .col-xmd-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xmd-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xmd-12 { flex: 0 0 100%; max-width: 100%; } .order-xmd-first { order: -1; } .order-xmd-last { order: 13; } .order-xmd-0 { order: 0; } .order-xmd-1 { order: 1; } .order-xmd-2 { order: 2; } .order-xmd-3 { order: 3; } .order-xmd-4 { order: 4; } .order-xmd-5 { order: 5; } .order-xmd-6 { order: 6; } .order-xmd-7 { order: 7; } .order-xmd-8 { order: 8; } .order-xmd-9 { order: 9; } .order-xmd-10 { order: 10; } .order-xmd-11 { order: 11; } .order-xmd-12 { order: 12; } .offset-xmd-0 { margin-left: 0; } .offset-xmd-1 { margin-left: 8.3333333333%; } .offset-xmd-2 { margin-left: 16.6666666667%; } .offset-xmd-3 { margin-left: 25%; } .offset-xmd-4 { margin-left: 33.3333333333%; } .offset-xmd-5 { margin-left: 41.6666666667%; } .offset-xmd-6 { margin-left: 50%; } .offset-xmd-7 { margin-left: 58.3333333333%; } .offset-xmd-8 { margin-left: 66.6666666667%; } .offset-xmd-9 { margin-left: 75%; } .offset-xmd-10 { margin-left: 83.3333333333%; } .offset-xmd-11 { margin-left: 91.6666666667%; } }

@media (min-width: 1200px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } }

@media (min-width: 1400px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } }

/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.navbar { display: flex; justify-content: space-between; width: 100%; background: rgba(189, 182, 182, 0.45); color: white; border-top: 3px solid white; border-bottom: 3px solid white; position: absolute; z-index: 999; height: 60px; }

@media (min-width: 576px) { .navbar { height: 65px; } }

@media (min-width: 768px) { .navbar { height: 85px; } }

@media (min-width: 1200px) { .navbar { height: 100px; } }

.navbar .navbar__button { font-family: "Montserrat", sans-serif; font-size: 14px; padding: 10px; border-right: 3px solid white; display: flex; justify-content: center; align-items: center; }

@media (min-width: 576px) { .navbar .navbar__button { padding: 27px; } }

@media (min-width: 768px) { .navbar .navbar__button { padding: 35px; } }

@media (min-width: 1200px) { .navbar .navbar__button { padding: 45px; } }

.navbar .navbar__lang { font-family: "Montserrat", sans-serif; padding: 15px; display: flex; justify-content: center; align-items: center; }

.navbar .navbar__lang a { color: white; text-decoration: none; }

@media (min-width: 576px) { .navbar .navbar__lang { padding: 27px; } }

@media (min-width: 768px) { .navbar .navbar__lang { padding: 35px; } }

@media (min-width: 1200px) { .navbar .navbar__lang { padding: 45px; } }

.mobile-nav__menu { top: 0; left: -280px; position: fixed; z-index: 9991; width: 280px; height: 100vh; background-color: white; transition: 0.5s; visibility: hidden; }

@media (min-width: 1200px) { .mobile-nav__menu { width: 450px; left: -450px; } }

.mobile-nav__menu .mobile-menu__container { display: flex; flex-direction: column; }

.mobile-nav__menu .mobile-menu__container .menu-header { background-color: #F8EBD9; height: 66px; }

@media (min-width: 576px) { .mobile-nav__menu .mobile-menu__container .menu-header { height: 71px; } }

@media (min-width: 768px) { .mobile-nav__menu .mobile-menu__container .menu-header { height: 91px; } }

@media (min-width: 1200px) { .mobile-nav__menu .mobile-menu__container .menu-header { height: 106px; } }

.mobile-nav__menu .mobile-menu__container .menu-header .menu-header__icon { display: flex; justify-content: flex-end; padding: 5px 10px 0 0; font-size: 25px; }

.mobile-nav__menu .mobile-menu__container .menu-header .menu-header__img { display: flex; align-items: center; margin-bottom: 20px; padding-left: 1em; }

.mobile-nav__menu .mobile-menu__container .menu-header .menu-header__img svg { max-width: 220px; }

.mobile-nav__menu .mobile-menu__container .menu-item { padding: 1em; }

.mobile-nav__menu .mobile-menu__container .menu-item .nav-item { padding: 10px 0; }

.mobile-nav__menu .mobile-menu__container .menu-item .nav-item:hover { border-bottom: 1px solid black; }

.mobile-nav__menu .mobile-menu__container .menu-item .nav-link { color: black; text-decoration: none; list-style-type: none; font-family: "Playfair Display", serif; font-size: 18px; }

.hidden { transform: translateX(100%); visibility: visible; transition: 0.5s; }

.overlay { background-color: #ffffff42; opacity: 0.8; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990; display: none; }

.hero-container .hero { background-position: center center; background-size: cover; position: relative; width: 100%; height: 80vh; }

@media (min-width: 576px) { .hero-container .hero { height: 100vh; } }

.hero-container .hero:before { position: absolute; width: 100%; height: 100%; background: rgba(186, 166, 143, 0.3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); content: ''; }

.hero-container .hero .hero-weather { display: none; position: absolute; bottom: 0; right: 0; background: rgba(186, 166, 143, 0.3); border: 3px solid white; padding: 1em; }

@media (min-width: 1400px) { .hero-container .hero .hero-weather { display: flex; flex-direction: row; align-items: center; } }

.hero-container .hero .hero-weather p { color: white; font-family: "Playfair Display", serif; font-size: 18px; }

.hero-container .hero .hero-weather .weatherImg { width: 100px; }

.hero-container .hero .hero-weather .weatherTemp { padding-bottom: .5em; }

.hero-container .hero .hero-text { position: relative; display: flex; flex-direction: row; height: 80vh; }

@media (min-width: 576px) { .hero-container .hero .hero-text { height: 100vh; } }

.hero-container .hero .hero-text .hero-text__left { font-size: 14px; margin-left: 61px; display: flex; align-items: end; border-right: 3px solid white; }

@media (min-width: 576px) { .hero-container .hero .hero-text .hero-text__left { margin-left: 95px; } }

@media (min-width: 768px) { .hero-container .hero .hero-text .hero-text__left { margin-left: 111px; } }

@media (min-width: 1200px) { .hero-container .hero .hero-text .hero-text__left { margin-left: 131px; } }

.hero-container .hero .hero-text .hero-text__left p { color: white; font-family: "Montserrat", sans-serif; }

.hero-container .hero .hero-text .hero-text__right { display: flex; flex-direction: column; justify-content: center; margin: 0 0 0 15px; }

@media (min-width: 768px) { .hero-container .hero .hero-text .hero-text__right { margin: 0 0 0 25px; } }

.hero-container .hero .hero-text .hero-text__right p { font-family: "Montserrat", sans-serif; font-size: 20px; color: white; }

@media (min-width: 576px) { .hero-container .hero .hero-text .hero-text__right p { font-size: 24px; } }

.hero-container .hero .hero-text .hero-text__right h1 { font-family: "Playfair Display", serif; font-size: 48px; color: white; }

@media (min-width: 768px) { .hero-container .hero .hero-text .hero-text__right h1 { font-size: 64px; } }

@media (min-width: 1200px) { .hero-container .hero .hero-text .hero-text__right h1 { font-size: 110px; } }

.video-container { height: 100%; }

.video-container h2 { font-size: 24px; font-family: "Playfair Display", serif; padding-top: 1.75rem; }

@media (min-width: 375px) { .video-container h2 { font-size: 30px; } }

@media (min-width: 768px) { .video-container h2 { font-size: 40px; } }

@media (min-width: 1200px) { .video-container h2 { font-size: 56px; } }

@media (min-width: 1400px) { .video-container h2 { font-size: 64px; padding: 2.5rem 0; } }

.video-container p { font-size: 14px; font-family: "Montserrat", sans-serif; padding-top: 1.75rem; }

@media (min-width: 768px) { .video-container p { max-width: 500px; font-size: 16px; } }

@media (min-width: 1200px) { .video-container p { max-width: 700px; font-size: 18px; } }

@media (min-width: 1400px) { .video-container p { max-width: 1000px; font-size: 20px; } }

.video-container .video-section img { padding-top: 1.75rem; }

@media (min-width: 768px) { .carousel-container { padding: 0 115px; } }

@media (min-width: 1200px) { .carousel-container { padding: 0 135px; } }

.carousel-container .carousel-text { padding: 0 50px 0 64px; }

@media (min-width: 576px) { .carousel-container .carousel-text { padding: 0 100px; } }

@media (min-width: 768px) { .carousel-container .carousel-text { padding: 0; } }

.carousel-container .carousel-text h3 { font-size: 24px; font-family: "Playfair Display", serif; padding-top: 1.75rem; }

@media (min-width: 375px) { .carousel-container .carousel-text h3 { font-size: 30px; } }

@media (min-width: 768px) { .carousel-container .carousel-text h3 { font-size: 40px; } }

@media (min-width: 1200px) { .carousel-container .carousel-text h3 { font-size: 56px; } }

@media (min-width: 1400px) { .carousel-container .carousel-text h3 { font-size: 64px; padding: 2.5rem 0; } }

.carousel-container .carousel-text p { font-size: 14px; font-family: "Montserrat", sans-serif; padding-top: 1.75rem; }

@media (min-width: 768px) { .carousel-container .carousel-text p { max-width: 500px; font-size: 16px; } }

@media (min-width: 1200px) { .carousel-container .carousel-text p { max-width: 700px; font-size: 18px; } }

@media (min-width: 1400px) { .carousel-container .carousel-text p { max-width: 1000px; font-size: 20px; } }

.item { margin: 0 5px; transform: scale(0.9); opacity: 0.7; transition: all 0.3s; position: relative; width: 275px; }

@media (min-width: 768px) { .item { width: 400px; margin: 0 10px; } }

@media (min-width: 1200px) { .item { width: 500px; margin: 0 15px; } }

.item h4 { color: white; bottom: 0px; position: absolute; font-family: "Playfair Display", serif; font-size: 24px; }

@media (min-width: 1200px) { .item h4 { font-size: 36px; } }

.owl-carousel { padding-top: 1.75rem; }

.owl-carousel .owl-stage-outer .owl-stage .center .item { transform: scale(1.15); opacity: 1; }

.owl-carousel .owl-stage-outer .owl-stage .center .item h4 { top: 35px; position: absolute; }

@media (min-width: 768px) { .owl-carousel .owl-stage-outer .owl-stage .center .item h4 { top: 65px; } }

.owl-nav .owl-prev { position: absolute; top: calc(50% - 25px); left: -20px; opacity: 1; font-size: 30px !important; z-index: 9999; display: none; }

@media (min-width: 1024px) { .owl-nav .owl-prev { display: block; } }

.owl-nav .owl-next { position: absolute; top: calc(50% - 25px); right: -20px; opacity: 9999; font-size: 30px !important; z-index: 1; display: none; }

@media (min-width: 1024px) { .owl-nav .owl-next { display: block; } }

.location-page { display: grid; grid-template-columns: 1fr; grid-gap: 1em; padding-top: 1.75em; }

@media (min-width: 768px) { .location-page { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1200px) { .location-page { grid-template-columns: repeat(3, 1fr); } }

.location-page .location-item { position: relative; }

.location-page .location-item h4 { color: white; bottom: 20px; left: 20px; position: absolute; font-family: "Playfair Display", serif; font-size: 24px; }

@media (min-width: 1200px) { .location-page .location-item h4 { font-size: 26px; } }

@media (min-width: 1200px) { .location-page .location-item h4 { font-size: 28px; } }

@media (min-width: 1400px) { .location-page .location-item h4 { font-size: 36px; } }

.location-detail p { font-size: 14px; font-family: "Montserrat", sans-serif; padding-top: 1.75rem; }

@media (min-width: 768px) { .location-detail p { max-width: 500px; font-size: 16px; } }

@media (min-width: 1200px) { .location-detail p { max-width: 700px; font-size: 18px; } }

@media (min-width: 1400px) { .location-detail p { max-width: 1000px; font-size: 20px; } }

.location-detail iframe { padding-top: 1.75rem; width: 100%; height: 300px; }

@media (min-width: 1400px) { .location-detail iframe { height: 450px; } }

body { box-sizing: border-box; background-color: #F8EBD9; }

.container-fluid { margin: 0; padding: 0; }

.bg-sand { background-color: #F8EBD9; }

.padding-section { padding: 0 50px 0 64px; }

@media (min-width: 576px) { .padding-section { padding: 0 100px; } }

@media (min-width: 768px) { .padding-section { padding: 0 115px; } }

@media (min-width: 1200px) { .padding-section { padding: 0 135px; } }

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

.transition-fade { transition: 0.4s; opacity: 1; }

html.is-animating .transition-fade { opacity: 0; }

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