@font-face { 
    font-family: DomaineDisp;
    src: url(DomaineDisp-Semibold.woff); 
}
@font-face { 
    font-family: Regular;
    src: url(Regular.woff); 
}
@font-face { 
    font-family: Regular;
    src: url(Regular.woff);
}

@font-face {
    font-family:Heading;
    src: url(DomaineDisplayCondensed-Regular.otf);
}
@font-face {
    font-family:Bold;
    src: url(Geograph-Bold.otf);
}
@font-face {
    font-family:Regular;
    src: url(Geograph-Regular.otf);
}
html {
    overflow-y:scroll;
}
html[data-no-scrolling='true'] {
    overflow-y:hidden;
}
html, body {
    padding:0;
    margin:0;
}
body {
    background:rgb(35, 3, 10);
    color:#fff;
    font-family:Regular, sans-serif;
}
h1 {
    font-family:Heading, sans-serif;
    font-size:48px;
    color:rgb(231, 207, 167);
}
h2 {
    font-family:Heading, sans-serif;
    font-size:28px;
    color:rgb(231, 207, 167);
}
h3, h4 {
    margin:0 0 20px;
    width:100%;
}
p {
    padding:0;
    width:100%;
    margin:0 0 30px;
}
span[data-anchor],
span[data-href] {
    border-bottom:solid 1px #FC3A3A;
    cursor:pointer;
}
button {
    outline:none;
    background: #E0C18D;
    color:#000;
    padding: 16px;
    border: none;
    font-size: 18px;
    font-family: Regular;
    cursor: pointer;
}
[data-href] {
    cursor:pointer;
}
.sticky-container {
    position:relative;
}
.sticky {
    position:sticky;
    top:30px;
    align-self:flex-start;
}
.transition {
    transition:opacity 750ms ease-out,transform 250ms ease-out;
    opacity:0;
    transform:translate3d(0, -10px, 0)
}
.transition[data-visible='true'] {
    opacity:1;
    transform:none;
}
*[data-visible='true'] {
    opacity:1!important;
    transform:none!important;
}
.fullscreen {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:50;
}
.overlay {
    background:#00000095;
}
.center {
    display:flex;
    align-items:center;
    justify-content:center;
}
.Wrap {
    display:flex;
    flex-flow:column;
}
.Image {
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position: 50%;
    background-size:cover;
    transition:opacity 250ms ease-out;
    opacity:0;
    position:relative;
}
.Image > .overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.9);
    display:flex;
    align-items:center;
    justify-content:center;
}
.Image[data-loaded='true'] {
    opacity:1;
}
.Page {
    display:flex;
    flex-direction: column;
    min-height:450px;
}
.Page > .page-wrap {
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    min-height:830px;
}
.Page > .Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:72px;
    padding:0 26px;
    box-sizing:border-box;
    position:relative;
}
.Page > .Header > .logo-wrap {
    display:flex;
    justify-content:center;
}
.Page > .Header > .logo {
    background-repeat:no-repeat;
    background-position:left;
    background-size: 272px 46px;
    width: 290px;
    height: 39px;
    cursor:pointer;
    position:absolute;
    top:16px;
    left:20px;
    z-index:6;
}
.Page > .Header > .logo > .logo-text {
    transform:translate3d(55px, 0, 0) rotateX(-90deg);
    transform-origin: 0;
    opacity:0;
    font-size:13px;
    transition:transform 350ms ease-out,opacity 250ms ease-out;
}
.Page > .Header > .logo > .logo-text[data-visible='true'] {
    opacity:1;
    transform:translate3d(55px, 0, 0)!important;
}
@media screen and (max-width: 640px) {
    .Page > .Header > .logo {
        z-index:4;
    }
    .Footer > .Image {
        width:95%;
    }
}