h1, h2, h3, h4, h5, h6 {margin: 0 0 32px 0; font-family: "Fenix", serif; line-height: 1.2em; font-weight: normal; font-style: normal; }
h1 {font-size: 3.2rem; margin-top: 40px; }
h2 {font-size: 2.2rem; margin-bottom: 8px; margin-top: 32px; }
h3 {font-size: 1.9rem; margin-bottom: 4px; margin-top: 24px; }
h4 {font-size: 1.7rem; }

.container.main {background: #ffffff;}

.container.navigation-mobile {position: fixed; top: 0; left: 0; width: 100%; height: 42px; z-index: 1000; background: #FF0000; padding: 12.5px 4%; text-align: right;}
.container.navigation-mobile .navigation-mobile-menu-icon {display: inline-block; width: 24px; height: 17px; background: url(../images/icon_mobile_navigation.png) no-repeat top left;}

.header.container {background-size: cover;}
.header.container::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.85; pointer-events: none;}
.header.container .header {position: relative;}

.header .global-nav {padding: 15px 13px; position: absolute; top: 0; right: 0;}
.header .global-nav .gift-card {font-family: "Allura", cursive; text-transform: lowercase; font-size: 2.68rem; display: inline-block; padding-left: 28px; margin-right: 31px; line-height: 2.8rem; position: relative;}
.header .global-nav .gift-card::before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 22px; height: 18px;}
.header .global-nav .gift-card::after {content: ""; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 22px; height: 18px; opacity: 0;}
.header .global-nav .gift-card:hover::before {opacity: 0;}
.header .global-nav .gift-card:hover::after {opacity: 1;}
.header .global-nav .newsletter {display: inline-block; text-transform: uppercase; font-family: "Fenix", serif; font-size: 1.2rem; border: 1px solid; padding: 8.8px 13px;}

/*.menu-link {position: fixed; left: 0; transform: rotate(90deg); transform-origin: bottom left; -webkit-transform-origin: bottom left; top: 50%; margin-top: -87px; z-index: 1000; }*/
.menu-link {display: none; }
.menu-link a {display: block; font-size: 1.8rem; font-family: "Fenix", serif; padding: 19.2px 39px;}

.navigation {font-family: "Fenix", serif; font-size: 1.5rem; text-transform: uppercase; text-align: center;}
.navigation ul {list-style: none; margin: 0; padding: 0;}
.navigation ul li {display: inline-block;}
.navigation ul li a {display: block;}

.navigation .dropdown {position: absolute; top: 100%; padding-top: 12px; z-index: 100; opacity: 0; transition: opacity ease-in 0.25s; pointer-events: none;}
.navigation li .dropdown a{padding: 18px;}
.navigation ul li:hover .dropdown,
.navigation ul li.show-submenu > .dropdown {opacity: 1; pointer-events: all;}
.navigation ul li ul li {display: block;}

.navigation .dropdown li {background: rgba(0,0,0,0.85); margin: 0;}

.body.container .body {line-height: 1.5em; font-size: 1.6rem; padding: 96px 0; }

.content.container .content .button {display: inline-block;}
.content.container .content .button a,
.content.container .content a.button {display: inline-block; text-transform: uppercase; border: 1px solid; font-family: "Fenix", serif; font-size: 1.6rem; line-height: 1.2em; padding: 8.9px 29px;}
.content.container .content p {margin: 0 0 4px 0;}

.sub-footer.container {padding: 0; color: #ffffff;}
.sub-footer.container .sub-footer {position: absolute; width: 100%; height: 100%; margin-bottom: 0;}
.sub-footer.container .map.container {padding: 0; float: right;}
.sub-footer.container .sub-footer .sub-footer-left {padding: 38px 10% 38px 0;}
.sub-footer.container h3 {font-size: 3.0rem; color: #ffffff; font-weight: normal; font-family: "Fenix", serif; line-height: 1.2em; margin: 0 0 12px 0;}
.sub-footer.container p {margin: 0 0 32px 0; line-height: 1.5em;}
.sub-footer.container .address {font-size: 1.8rem;}
.sub-footer.container a {color: #ffffff; font-weight: 600;}
.map.container .map {height: 370px;}

.map.container .map,
.map.container .map * {max-width: none;}

.gallery .gallery-item img{
    object-fit: cover;
}

@media all and (max-width: 768px) {
    .body.container .body {padding: 64px 2%;}
    .slider.container {padding-bottom: 84px;}
    .sub-footer.container .sub-footer {position: relative;}
    .sub-footer.container .sub-footer .sub-footer-left {padding: 38px 4%;}
}

@media all and (max-width: 668px) {
    .container.main {padding-top: 42px;}
    .body.container .body {padding: 48px 4%;}
    .slider.container {padding-bottom: 48px;}
    .header.container .header {padding: 0;}
    .header.container .header .logo {padding: 64px 0 26px 0;}
    .menu-link {display: none; visibility: hidden;}
}