body {
    background-color: #1d191f;
    margin: 0 auto; 
}

header {
    background: #1d191f;
    color: white;
    max-width: 768px;
    margin: 0 auto;
    height: 46px;
}

header .logo {
    float: left;
    line-height: 46px;
    letter-spacing: 12px;
    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;;
    font-family: monospace;
    letter-spacing: 8px;
    text-transform: uppercase;
    display: block;
    font-size: 21px;
    color: #f1ebe5;
    /* text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff; */
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
}


header .menu {
    float: right;
    line-height: 46px;
}

main {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    scroll-snap-stop: always;
}

main::after {
    content: 'loading';
    margin: 0 auto;
    display: block;
    color: #aea4b7;
    max-width: 768px;
    margin: 0 auto;
}

nifo-slide {
    display: block;
    scroll-snap-align: start;
    height: calc(100vh - 20px);
    width: 100%;
}

.slide {
    height: 100vh;
    display: block;
    border-bottom: 2px solid #aea4b7;
    padding: 40px 0 240px;
    background-image: linear-gradient(#66307b, #000000);
}

video {
    display: block;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.slide .billboard {
    margin: 0 auto;
    max-width: 768px;
}

.slide .billboard p a,
.slide .billboard h3 {
    margin: 0 auto 20px;
    color: #9072AB;
}

.slide .content {
    margin: 30px auto 0;
    max-width: 768px;
    padding: 10px 20px 0;
}

.loader {
    position: absolute;
    bottom: -10px;
    background: white;
}