/** {*/
/*    box-sizing: border-box;*/
/*    margin: 0;*/
/*}*/

header {
    position: relative;
    height: 70vh;
}

section > :last-child {
    margin-bottom: 2em;
}

section {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    /*background: white;*/
}
/*default is loaded before*/
@media (min-width: 991.98px) {
    section {
        padding-left: 2em;
        padding-right: 2em;
    }
}

[data-rellax],
[data-rellax-container] {
    width: 100%;
    height: 100%;
}

[data-rellax] {
    will-change: transform, opacity;
    backface-visibility: hidden;
}

[data-rellax-container] {
    overflow: hidden;
}

[data-rellax-container] [data-rellax] {
    transition: opacity .3s ease-out;
    opacity: 0;
}

.js [data-rellax-container] [data-rellax] {
    opacity: 1;
}

.rellax-element.rellax-hidden {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

.header-content-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    /*color: white;*/

    padding-left: 2em;
    padding-right: 2em;
}

.header-content {
    text-align: center;
}

.content-wrap {
    justify-content: flex-start;
    align-content: center;
    /*max-width: 44em;*/
    margin-left: auto;
    margin-right: auto;
}

[data-rellax] {
    transform: translate3d(0,0,0);
    will-change: transform;
    /*background-color: #444;*/
    background-color: var(--main-bg-color);
}
/* enable video controls */
#pagetwo [data-rellax] {
    z-index: 1;
}

/* begin aditional styles for 70% height slickslider in #pagefour */
.slickslider {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.slickslider img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#pagefour .slick-track {
    height: 70vh;
}
#pagefour .slickslider {
    height: 70vh;
}
#pagefour .fill {
    /*width: 100%;*/
    height: 100%;

}
/* end aditional styles for 70% height slickslider in #pagefour */

.fill {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rellax-hidden {
    opacity: 0;
}

#map:after {
    content: "";
    position: absolute;
    top: 40%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
    border: 0.5em solid black;
    border-radius: 50% 50% 0 50%;
    transform: rotate(45deg);
}


/*additional styles for WP Theme*/
/*body {*/
/*    margin-top: 0px!important;*/
/*}*/
/*section {*/
/*    margin-bottom: 0px!important;*/
/*}*/