/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@media only screen and (min-width:0px) {
    .col-xs-up--1 {
        width: 8.3333333333%
    }

    .col-xs-up--2 {
        width: 16.6666666667%
    }

    .col-xs-up--3 {
        width: 25%
    }

    .col-xs-up--4 {
        width: 33.3333333333%
    }

    .col-xs-up--5 {
        width: 41.6666666667%
    }

    .col-xs-up--6 {
        width: 50%
    }

    .col-xs-up--7 {
        width: 58.3333333333%
    }

    .col-xs-up--8 {
        width: 66.6666666667%
    }

    .col-xs-up--9 {
        width: 75%
    }

    .col-xs-up--10 {
        width: 83.3333333333%
    }

    .col-xs-up--11 {
        width: 91.6666666667%
    }

    .col-xs-up--12 {
        width: 100%
    }

    .push-xs-up--1 {
        margin-left: 8.3333333333%
    }

    .push-xs-up--2 {
        margin-left: 16.6666666667%
    }

    .push-xs-up--3 {
        margin-left: 25%
    }

    .push-xs-up--4 {
        margin-left: 33.3333333333%
    }

    .push-xs-up--5 {
        margin-left: 41.6666666667%
    }

    .push-xs-up--6 {
        margin-left: 50%
    }

    .push-xs-up--7 {
        margin-left: 58.3333333333%
    }

    .push-xs-up--8 {
        margin-left: 66.6666666667%
    }

    .push-xs-up--9 {
        margin-left: 75%
    }

    .push-xs-up--10 {
        margin-left: 83.3333333333%
    }

    .push-xs-up--11 {
        margin-left: 91.6666666667%
    }

    .push-xs-up--12 {
        margin-left: 100%
    }

    .page-width {
        padding: 0 24px
    }
}

@media only screen and (min-width:374px) {
    .col-sm-up--1 {
        width: 8.3333333333%
    }

    .col-sm-up--2 {
        width: 16.6666666667%
    }

    .col-sm-up--3 {
        width: 25%
    }

    .col-sm-up--4 {
        width: 33.3333333333%
    }

    .col-sm-up--5 {
        width: 41.6666666667%
    }

    .col-sm-up--6 {
        width: 50%
    }

    .col-sm-up--7 {
        width: 58.3333333333%
    }

    .col-sm-up--8 {
        width: 66.6666666667%
    }

    .col-sm-up--9 {
        width: 75%
    }

    .col-sm-up--10 {
        width: 83.3333333333%
    }

    .col-sm-up--11 {
        width: 91.6666666667%
    }

    .col-sm-up--12 {
        width: 100%
    }

    .push-sm-up--1 {
        margin-left: 8.3333333333%
    }

    .push-sm-up--2 {
        margin-left: 16.6666666667%
    }

    .push-sm-up--3 {
        margin-left: 25%
    }

    .push-sm-up--4 {
        margin-left: 33.3333333333%
    }

    .push-sm-up--5 {
        margin-left: 41.6666666667%
    }

    .push-sm-up--6 {
        margin-left: 50%
    }

    .push-sm-up--7 {
        margin-left: 58.3333333333%
    }

    .push-sm-up--8 {
        margin-left: 66.6666666667%
    }

    .push-sm-up--9 {
        margin-left: 75%
    }

    .push-sm-up--10 {
        margin-left: 83.3333333333%
    }

    .push-sm-up--11 {
        margin-left: 91.6666666667%
    }

    .push-sm-up--12 {
        margin-left: 100%
    }

    .page-width {
        padding: 0 24px
    }
}

@media only screen and (min-width:720px) {
    .col-s-up--1 {
        width: 8.3333333333%
    }

    .col-s-up--2 {
        width: 16.6666666667%
    }

    .col-s-up--3 {
        width: 25%
    }

    .col-s-up--4 {
        width: 33.3333333333%
    }

    .col-s-up--5 {
        width: 41.6666666667%
    }

    .col-s-up--6 {
        width: 50%
    }

    .col-s-up--7 {
        width: 58.3333333333%
    }

    .col-s-up--8 {
        width: 66.6666666667%
    }

    .col-s-up--9 {
        width: 75%
    }

    .col-s-up--10 {
        width: 83.3333333333%
    }

    .col-s-up--11 {
        width: 91.6666666667%
    }

    .col-s-up--12 {
        width: 100%
    }

    .push-s-up--1 {
        margin-left: 8.3333333333%
    }

    .push-s-up--2 {
        margin-left: 16.6666666667%
    }

    .push-s-up--3 {
        margin-left: 25%
    }

    .push-s-up--4 {
        margin-left: 33.3333333333%
    }

    .push-s-up--5 {
        margin-left: 41.6666666667%
    }

    .push-s-up--6 {
        margin-left: 50%
    }

    .push-s-up--7 {
        margin-left: 58.3333333333%
    }

    .push-s-up--8 {
        margin-left: 66.6666666667%
    }

    .push-s-up--9 {
        margin-left: 75%
    }

    .push-s-up--10 {
        margin-left: 83.3333333333%
    }

    .push-s-up--11 {
        margin-left: 91.6666666667%
    }

    .push-s-up--12 {
        margin-left: 100%
    }

    .page-width {
        padding: 0 48px
    }
}

@media only screen and (min-width:1024px) {
    .col-m-up--1 {
        width: 8.3333333333%
    }

    .col-m-up--2 {
        width: 16.6666666667%
    }

    .col-m-up--3 {
        width: 25%
    }

    .col-m-up--4 {
        width: 33.3333333333%
    }

    .col-m-up--5 {
        width: 41.6666666667%
    }

    .col-m-up--6 {
        width: 50%
    }

    .col-m-up--7 {
        width: 58.3333333333%
    }

    .col-m-up--8 {
        width: 66.6666666667%
    }

    .col-m-up--9 {
        width: 75%
    }

    .col-m-up--10 {
        width: 83.3333333333%
    }

    .col-m-up--11 {
        width: 91.6666666667%
    }

    .col-m-up--12 {
        width: 100%
    }

    .push-m-up--1 {
        margin-left: 8.3333333333%
    }

    .push-m-up--2 {
        margin-left: 16.6666666667%
    }

    .push-m-up--3 {
        margin-left: 25%
    }

    .push-m-up--4 {
        margin-left: 33.3333333333%
    }

    .push-m-up--5 {
        margin-left: 41.6666666667%
    }

    .push-m-up--6 {
        margin-left: 50%
    }

    .push-m-up--7 {
        margin-left: 58.3333333333%
    }

    .push-m-up--8 {
        margin-left: 66.6666666667%
    }

    .push-m-up--9 {
        margin-left: 75%
    }

    .push-m-up--10 {
        margin-left: 83.3333333333%
    }

    .push-m-up--11 {
        margin-left: 91.6666666667%
    }

    .push-m-up--12 {
        margin-left: 100%
    }

    .page-width {
        padding: 0 96px
    }
}

@media only screen and (min-width:1280px) {
    .col-l-up--1 {
        width: 8.3333333333%
    }

    .col-l-up--2 {
        width: 16.6666666667%
    }

    .col-l-up--3 {
        width: 25%
    }

    .col-l-up--4 {
        width: 33.3333333333%
    }

    .col-l-up--5 {
        width: 41.6666666667%
    }

    .col-l-up--6 {
        width: 50%
    }

    .col-l-up--7 {
        width: 58.3333333333%
    }

    .col-l-up--8 {
        width: 66.6666666667%
    }

    .col-l-up--9 {
        width: 75%
    }

    .col-l-up--10 {
        width: 83.3333333333%
    }

    .col-l-up--11 {
        width: 91.6666666667%
    }

    .col-l-up--12 {
        width: 100%
    }

    .push-l-up--1 {
        margin-left: 8.3333333333%
    }

    .push-l-up--2 {
        margin-left: 16.6666666667%
    }

    .push-l-up--3 {
        margin-left: 25%
    }

    .push-l-up--4 {
        margin-left: 33.3333333333%
    }

    .push-l-up--5 {
        margin-left: 41.6666666667%
    }

    .push-l-up--6 {
        margin-left: 50%
    }

    .push-l-up--7 {
        margin-left: 58.3333333333%
    }

    .push-l-up--8 {
        margin-left: 66.6666666667%
    }

    .push-l-up--9 {
        margin-left: 75%
    }

    .push-l-up--10 {
        margin-left: 83.3333333333%
    }

    .push-l-up--11 {
        margin-left: 91.6666666667%
    }

    .push-l-up--12 {
        margin-left: 100%
    }

    .page-width {
        padding: 0 96px
    }
}

@media only screen and (min-width:1440px) {
    .col-xl-up--1 {
        width: 8.3333333333%
    }

    .col-xl-up--2 {
        width: 16.6666666667%
    }

    .col-xl-up--3 {
        width: 25%
    }

    .col-xl-up--4 {
        width: 33.3333333333%
    }

    .col-xl-up--5 {
        width: 41.6666666667%
    }

    .col-xl-up--6 {
        width: 50%
    }

    .col-xl-up--7 {
        width: 58.3333333333%
    }

    .col-xl-up--8 {
        width: 66.6666666667%
    }

    .col-xl-up--9 {
        width: 75%
    }

    .col-xl-up--10 {
        width: 83.3333333333%
    }

    .col-xl-up--11 {
        width: 91.6666666667%
    }

    .col-xl-up--12 {
        width: 100%
    }

    .push-xl-up--1 {
        margin-left: 8.3333333333%
    }

    .push-xl-up--2 {
        margin-left: 16.6666666667%
    }

    .push-xl-up--3 {
        margin-left: 25%
    }

    .push-xl-up--4 {
        margin-left: 33.3333333333%
    }

    .push-xl-up--5 {
        margin-left: 41.6666666667%
    }

    .push-xl-up--6 {
        margin-left: 50%
    }

    .push-xl-up--7 {
        margin-left: 58.3333333333%
    }

    .push-xl-up--8 {
        margin-left: 66.6666666667%
    }

    .push-xl-up--9 {
        margin-left: 75%
    }

    .push-xl-up--10 {
        margin-left: 83.3333333333%
    }

    .push-xl-up--11 {
        margin-left: 91.6666666667%
    }

    .push-xl-up--12 {
        margin-left: 100%
    }

    .page-width {
        padding: 0 96px
    }
}

@media only screen and (min-width:0px) {
    .xs-up--hide {
        display: none !important
    }
}

@media only screen and (min-width:374px) {
    .sm-up--hide {
        display: none !important
    }
}

@media only screen and (min-width:720px) {
    .s-up--hide {
        display: none !important
    }
}

@media only screen and (min-width:1024px) {
    .m-up--hide {
        display: none !important
    }
}

@media only screen and (min-width:1280px) {
    .l-up--hide {
        display: none !important
    }
}

@media only screen and (min-width:1440px) {
    .xl-up--hide {
        display: none !important
    }
}

.max-width--sm {
    max-width: 326px
}

.max-width--s {
    max-width: 624px
}

.max-width--m {
    max-width: 832px
}

.max-width--l {
    max-width: 1088px
}

.max-width--xl {
    max-width: 1248px
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

:root {
    font-size: 16px
}

@media (min-width:0px) and (max-width:374px) {
    :root {
        font-size: 16px
    }
}

@media (min-width:374px) and (max-width:720px) {
    :root {
        font-size: 16px
    }
}

@media (min-width:720px) and (max-width:1024px) {
    :root {
        font-size: 16px
    }
}

@media (min-width:1024px) and (max-width:1280px) {
    :root {
        font-size: calc(.78125vw + 8px)
    }
}

@media (min-width:1280px) and (max-width:1440px) {
    :root {
        font-size: 18px
    }
}

@media (min-width:1440px) {
    :root {
        font-size: 18px
    }
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

a {
    text-decoration: none
}

dl,
dl dd {
    margin: 0
}

img {
    width: 100%
}

.full-width {
    width: 100%;
    overflow-x: hidden
}

.page-width {
    max-width: 100%;
    width: 100%;
    margin: 0 auto
}

.grid {
    margin: 0 -12px;
    font-size: 0
}

.grid.grid--flex {
    display: flex
}

.grid.grid--flex.align-items--center {
    align-items: center
}

.grid .grid__element {
    display: inline-block;
    font-size: 1rem;
    padding: 0 12px;
    vertical-align: top
}

.media,
.media .media__expander {
    position: relative
}

.media .media__expander .media__container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.media .media__expander .media__container img {
    width: 100%
}

.media .media__expander .media__container video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width:0px) {
    .no-bleed {
        margin-right: -24px
    }
}

@media only screen and (min-width:374px) {
    .no-bleed {
        margin-right: -24px
    }
}

@media only screen and (min-width:720px) {
    .no-bleed {
        margin-right: -48px
    }
}

@media only screen and (min-width:1024px) {
    .no-bleed {
        margin-right: -96px
    }
}

@media only screen and (min-width:1280px) {
    .no-bleed {
        margin-right: -96px
    }
}

@media only screen and (min-width:1440px) {
    .no-bleed {
        margin-right: -96px
    }
}

@media only screen and (min-width:0px) {
    .no-bleed {
        margin-left: -24px
    }
}

@media only screen and (min-width:374px) {
    .no-bleed {
        margin-left: -24px
    }
}

@media only screen and (min-width:720px) {
    .no-bleed {
        margin-left: -48px
    }
}

@media only screen and (min-width:1024px) {
    .no-bleed {
        margin-left: -96px
    }
}

@media only screen and (min-width:1280px) {
    .no-bleed {
        margin-left: -96px
    }
}

@media only screen and (min-width:1440px) {
    .no-bleed {
        margin-left: -96px
    }
}

@media only screen and (min-width:0px) {
    .no-bleed--right {
        margin-right: -24px
    }
}

@media only screen and (min-width:374px) {
    .no-bleed--right {
        margin-right: -24px
    }
}

@media only screen and (min-width:720px) {
    .no-bleed--right {
        margin-right: -48px
    }
}

@media only screen and (min-width:1024px) {
    .no-bleed--right {
        margin-right: -96px
    }
}

@media only screen and (min-width:1280px) {
    .no-bleed--right {
        margin-right: -96px
    }
}

@media only screen and (min-width:1440px) {
    .no-bleed--right {
        margin-right: -96px
    }
}

@media only screen and (min-width:0px) {
    .no-bleed--right {
        margin-left: -24px
    }
}

@media only screen and (min-width:374px) {
    .no-bleed--right {
        margin-left: -24px
    }
}

@media only screen and (min-width:720px) {
    .no-bleed--right {
        margin-left: -48px
    }
}

@media only screen and (min-width:1024px) {
    .no-bleed--right {
        margin-left: -96px
    }
}

@media only screen and (min-width:1280px) {
    .no-bleed--right {
        margin-left: -96px
    }
}

@media only screen and (min-width:1440px) {
    .no-bleed--right {
        margin-left: -96px
    }
}

@media only screen and (min-width:1024px) {
    .no-bleed--right {
        margin-left: 0
    }
}

@media only screen and (min-width:0px) {
    .no-bleed--left {
        margin-right: -24px
    }
}

@media only screen and (min-width:374px) {
    .no-bleed--left {
        margin-right: -24px
    }
}

@media only screen and (min-width:720px) {
    .no-bleed--left {
        margin-right: -48px
    }
}

@media only screen and (min-width:1024px) {
    .no-bleed--left {
        margin-right: -96px
    }
}

@media only screen and (min-width:1280px) {
    .no-bleed--left {
        margin-right: -96px
    }
}

@media only screen and (min-width:1440px) {
    .no-bleed--left {
        margin-right: -96px
    }
}

@media only screen and (min-width:0px) {
    .no-bleed--left {
        margin-left: -24px
    }
}

@media only screen and (min-width:374px) {
    .no-bleed--left {
        margin-left: -24px
    }
}

@media only screen and (min-width:720px) {
    .no-bleed--left {
        margin-left: -48px
    }
}

@media only screen and (min-width:1024px) {
    .no-bleed--left {
        margin-left: -96px
    }
}

@media only screen and (min-width:1280px) {
    .no-bleed--left {
        margin-left: -96px
    }
}

@media only screen and (min-width:1440px) {
    .no-bleed--left {
        margin-left: -96px
    }
}

@media only screen and (min-width:1024px) {
    .no-bleed--left {
        margin-right: 0
    }
}

@font-face {
    font-family: Corsa;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/corsa.woff) format("woff")
}

* {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

body {
    background: #fbf4ef;
    font-family: Corsa, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #374ac8;
    line-height: 1.4em
}

.price,
h1,
h2,
h3,
h4 {
    font-family: Corsa;
    font-weight: 400;
    line-height: 1.1em;
    margin: 0
}

h1 {
    font-size: 1.9rem
}

h1,
h2 {
    line-height: 1.1em
}

h2 {
    font-size: 1.6rem
}

h3 {
    font-size: 1.2rem
}

.price,
h3,
h4 {
    line-height: 1.1em
}

.price,
h4 {
    font-size: .8rem
}

ul {
    padding-left: 0
}

ul li {
    list-style: none
}

.dropdown {
    position: relative;
    white-space: nowrap;
    text-align: left;
    margin-left: 1rem;
    z-index: 4
}

.dropdown .spacer {
    display: none
}

.dropdown+.dropdown {
    margin-left: 0;
    z-index: 3
}

.dropdown__outer {
    position: relative;
    right: 1rem;
    margin-left: 1rem;
    display: inline-block
}

.dropdown--close .dropdown__content {
    opacity: 0;
    transform: scale(.97);
    background: #fbf4ef;
    pointer-events: none
}

.dropdown--open .dropdown__content {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    background-color: #fcf7f3;
    pointer-events: auto
}

.dropdown--open .dropdown__toggle {
    position: relative;
    z-index: 2
}

.dropdown--open .dropdown__toggle .icon {
    transform: rotate(180deg)
}

.dropdown__toggle {
    background: none;
    border: none;
    outline: none;
    color: inherit;
    cursor: pointer;
    padding: 0
}

.dropdown__toggle .icon {
    margin-bottom: 2px;
    margin-left: 6px;
    width: 8px;
    transition: transform .2s ease-out
}

.dropdown ul {
    margin: 0;
    padding: .5rem 0;
    text-align: right;
    border-top: 1px solid rgba(31, 17, 7, .07)
}

@media only screen and (min-width:1024px) {
    .dropdown ul {
        text-align: left
    }
}

.dropdown .spacer,
.dropdown__toggle,
.dropdown li {
    margin: 1rem 0;
    padding: 0 1.5rem
}

@media only screen and (max-width:1024px) {
    .dropdown__toggle {
        padding-right: 0
    }
}

.dropdown__content {
    overflow: hidden;
    position: absolute;
    top: 50px;
    z-index: -1;
    right: -.5rem;
    min-width: 100%;
    box-shadow: 0 4px 34px 3px rgba(35, 16, 2, .04);
    transition: transform .2s ease-out, background .2s ease-out, opacity .2s ease-out
}

@media only screen and (min-width:1024px) {
    .dropdown__content {
        left: 0;
        right: auto
    }
}

.dropdown__content a {
    font-family: Corsa;
    font-size: 1.2rem;
    line-height: 1.1em
}

.cta-container {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -.5rem
}

a.button {
    font-size: .8rem;
    margin: 1rem .5rem 0;
    padding: .7rem 2rem;
    flex-grow: 1;
    border: 1px solid #374ac8;
    display: inline-block;
    transition: all .2s;
    color: #374ac8;
    text-align: center
}

a.button:hover {
    background-color: #374ac8;
    color: #fbf4ef
}

.media {
    margin-bottom: 3rem
}

@media only screen and (min-width:1024px) {
    .media {
        margin-bottom: 0
    }
}

.media[data-reveal] {
    opacity: 0;
    transition: all .4s
}

.media[data-reveal] .media__container {
    background: #f9eee7
}

.media[data-reveal] .media__container img,
.media[data-reveal] .media__container video {
    transform: scale(1.2) translateY(-20%);
    transform-origin: 50% 0;
    transition: all 1.2s cubic-bezier(.17, .84, .44, 1)
}

.media[data-reveal].in-view .media__container img,
.media[data-reveal].in-view .media__container video {
    transform: scale(1) translateY(0)
}

#content,
body {
    width: 100%
}

#content,
#content.fixed,
body.fixed {
    position: fixed
}

#content {
    transform: translateZ(0);
    display: inline-block;
    top: 0;
    will-change: transform
}

section {
    margin-bottom: 3rem
}

@media only screen and (min-width:1024px) {
    section {
        margin-bottom: 10rem
    }
}

section:last-of-type {
    margin-bottom: 24rem
}

@media only screen and (max-width:1024px) {
    .grid-reverse--mobile {
        display: flex
    }
}

.layers {
    position: fixed;
    width: 100%;
    bottom: 0
}

.layer {
    position: absolute;
    min-width: 100%;
    cursor: pointer;
    will-change: transform
}

.layer .inner-content {
    background: #fff
}

.layer a {
    color: inherit
}

.layer .inner-content svg {
    fill: currentColor
}

.layer:nth-child(odd) .inner-content {
    background: #374ac8;
    color: #fff
}

.menu .inner-content {
    padding: 0.7rem 1.5rem;
    color: #1f1107;
    background: #fff
}
.inner-content h2 {
    font-size: 1.8rem;
}
@media only screen and (min-width:0px) {
    .menu .inner-content {
        margin-right: -24px
    }
}

@media only screen and (min-width:374px) {
    .menu .inner-content {
        margin-right: -24px
    }
}

@media only screen and (min-width:720px) {
    .menu .inner-content {
        margin-right: -48px
    }
}

@media only screen and (min-width:1024px) {
    .menu .inner-content {
        margin-right: -96px
    }
}

@media only screen and (min-width:1280px) {
    .menu .inner-content {
        margin-right: -96px
    }
}

@media only screen and (min-width:1440px) {
    .menu .inner-content {
        margin-right: -96px
    }
}

@media only screen and (max-width:374px) {
    .menu .inner-content {
        padding-top: 10px
    }
}

.menu table {
    width: 100%;
    margin-top: .75rem
}

.menu table th {
    text-align: left
}

.menu table th h3 {
    margin-top: 1rem
}

.menu table th.label {
    font-family: degular, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .8rem
}

.menu table .price {
    vertical-align: top;
    text-align: right
}

.menu table .menu-line>td:first-of-type {
    padding-bottom: 1.7rem
}

.menu .inspection-reports {
    border-top: 1px solid;
    padding-top: 2.5rem
}

.menu .inspection-reports .smiley-url {
    max-width: 8rem;
    display: inline-block
}

.hero {
    min-height: calc(100vh - 4.125rem);
    padding-top: 1rem;
    display: flex;
    flex-direction: column
}

.hero a {
    color: #374ac8
}

.hero__top {
    position: relative;
    z-index: 2
}

.hero__middle {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    align-items: center
}

@media only screen and (max-width:720px) {
    .hero__middle {
        z-index: -1
    }
}

.hero__middle .content .content__lottie {
    padding-top: 1rem;
    padding-bottom: 2rem;
    max-width: 720px
}

.hero__middle .content .content__lottie .media {
    margin-bottom: 0
}

.hero__middle .content .content__lottie .media .media__expander {
    padding-top: 58.7%
}

.hero__bottom {
    position: relative;
    overflow: hidden !important
}

.hero__bottom .media {
    margin-bottom: 0
}

.hero__bottom .media .media__expander {
    padding-top: 75% !important
}

@media only screen and (min-width:1024px) {
    .hero__bottom .media .media__expander {
        padding-top: 56.2% !important
    }
}

.hero__bottom .media img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero .logo--face {
    width: 8rem
}

.hero .contact-information {
    padding-top: 2rem;
    text-align: right
}

.hero .contact-information .dropdown {
    display: inline-block
}

.hero .canvas-container {
    width: 100%
}

/* @media only screen and (min-width:1024px) {
    .flex {
        display: flex
    }

    .flex.flex--center {
        align-items: center
    }
}

@media only screen and (max-width:1024px) {
    .flex--reverse-mobile {
        display: flex;
        flex-direction: column-reverse
    }
}

.restaurant-list .restaurant-listing {
    margin-bottom: 4rem
}

@media only screen and (max-width:1024px) {
    .restaurant-list .grid-reverse--mobile {
        flex-direction: column-reverse
    }
} */

.statement .logo {
    width: 3rem;
    margin: 0 auto;
    display: block;
    padding-bottom: 3rem
}

@media only screen and (min-width:1024px) {
    .statement .logo {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .statement .grid-reverse--mobile {
        flex-direction: column-reverse
    }
}

#fake-scroll {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -9999;
    pointer-events: none
}

.gallery-container {
    overflow: hidden
}

@media only screen and (min-width:0px) {
    .gallery-container {
        margin-right: -24px
    }
}

@media only screen and (min-width:374px) {
    .gallery-container {
        margin-right: -24px
    }
}

@media only screen and (min-width:720px) {
    .gallery-container {
        margin-right: -48px
    }
}

@media only screen and (min-width:1024px) {
    .gallery-container {
        margin-right: -96px
    }
}

@media only screen and (min-width:1280px) {
    .gallery-container {
        margin-right: -96px
    }
}

@media only screen and (min-width:1440px) {
    .gallery-container {
        margin-right: -96px
    }
}

@media only screen and (min-width:1024px) {
    .gallery-container {
        margin-left: -12px
    }
}

.swiper-wrapper {
    white-space: nowrap
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    display: inline-block
}


body, h1, h2, h3, h4, h5, h6 {
    font-family: "Teko", sans-serif;
}

        .text-left {
            position: relative;
            animation-name: leftside;
            animation-duration: 4s;
            animation-iteration-count: infinite;
        }

        @keyframes leftside {
            0% {
                left: 0rem;
            }

            50% {
                left: 0.8rem;
            }

            100% {
                left: 0rem;
            }
        }

        .text-right {
            position: relative;
            animation-name: rightside;
            animation-duration: 4s;
            animation-iteration-count: infinite;
            animation-delay: -4s;
        }

        @keyframes rightside {
            0% {
                right: 0rem;
            }

            50% {
                right: 0.8rem;
            }

            100% {
                right: 0rem;
            }
        }

        .logo-name-font {
            font-size: 4rem;
            line-height: 4rem;
            font-family: "Anton", sans-serif;
            font-weight: 400;
  font-style: normal;
  /* background-image: url('../assets/images/logo_x.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20rem; */
        }

        .tagline-font {
            font-size: 1rem;
        }
        
        /* Smaller devices (425px and up) */
        @media (min-width: 425px) {

            @keyframes leftside {
                50% {
                    left: 1.2rem;
                }
            }

            @keyframes rightside {
                50% {
                    right: 1.2rem;
                }
            }

            .logo-name-font {
                font-size: 5rem;
                line-height: 5rem;
            }

            .tagline-font {
                font-size: 1.5rem;
            }

        }

        /* Small devices (landscape phones, 576px and up) */
        @media (min-width: 576px) {
            @keyframes leftside {
                50% {
                    left: 1.3rem;
                }
            }

            @keyframes rightside {
                50% {
                    right: 1.3rem;
                }
            }

            .logo-name-font {
                font-size: 6rem;
                line-height: 6rem;
            }

            .tagline-font {
                font-size: 2rem;
            }
        }

        /* Medium devices (tablets, 768px and up) */
        @media (min-width: 768px) {
            @keyframes leftside {
                50% {
                    left: 1.4rem;
                }
            }

            @keyframes rightside {
                50% {
                    right: 1.4rem;
                }
            }

            .logo-name-font {
                font-size: 7rem;
                line-height: 7rem;
            }

            .tagline-font {
                font-size: 2.5rem;
            }
        }

        /* Large devices (desktops, 992px and up) */
        @media (min-width: 992px) {
            @keyframes leftside {
                50% {
                    left: 1.8rem;
                }
            }

            @keyframes rightside {
                50% {
                    right: 1.8rem;
                }
            }

            .logo-name-font {
                font-size: 8rem;
                line-height: 8rem;
            }

            .tagline-font {
                font-size: 3rem;
            }
        }

        /* X-Large devices (large desktops, 1200px and up) */
        @media (min-width: 1200px) {
            @keyframes leftside {
                50% {
                    left: 2rem;
                }
            }

            @keyframes rightside {
                50% {
                    right: 2rem;
                }
            }

            .logo-name-font {
                font-size: 9rem;
                line-height: 9rem;
            }

            .tagline-font {
                font-size: 3.5rem;
            }
        }

        /* XX-Large devices (larger desktops, 1400px and up) */
        @media (min-width: 1400px) {
            @keyframes leftside {
                50% {
                    left: 2.3rem;
                }
            }

            @keyframes rightside {
                50% {
                    right: 2.3rem;
                }
            }

            .logo-name-font {
                font-size: 10rem;
                line-height: 10rem;
            }

            .tagline-font {
                font-size: 4rem;
            }
        }

        .discount-list {
            list-style: disc;
        }