body {
    background-color: black;
}

h1 {
    font-size: 5em;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Dosis', Arial, sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
}

.button-contacts {
    padding-top: 0 !important;
}

.crypto-address {
    font-size: 0.8em;
}

.videoText {
    font-size: 2em;
}

.subTitle {
    font-size: 2em;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Dosis', Arial, sans-serif;
    color: #fff;
    margin: 0;
    padding: 10px 0 0;
}

.sectionTitle {
    position: absolute;
    top: 10px;
    /* left: 27px; */
    width: 100%;
    font-size: 2em;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Dosis', Arial, sans-serif;
    color: #fff;
    margin: 0;
    padding: 10px 0 0;
}

/* Centered texts in each section
* --------------------------------------- */
.section {
    text-align: center;
    overflow: hidden;
}

.inlineVideo {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;

    background-size: 100% 100%;
    /* in case the video doesn't fit the whole page*/
    background: black /* our video */ center center;
    /*background-size: contain;*/
    object-fit: cover; /*cover video background */
    z-index: 3;
}

.inlineVideo1 {
    height: 100%;
    width: 100%;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
#section0 .layer, .layer-main-button {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    top: 33%;

    /*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.layer-center-loading {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    top: 40%;

    /*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.layer-center-loading p {
    color: #fff;
}

.intro-text {
    padding-top: 3%;
    max-width: 560px !important;
}

@media screen and (max-height: 790px) and (min-width: 600px) {
    .intro-text {
        padding-top: 2% !important;
    }

}

@media screen and (max-height: 720px) and (min-width: 600px) {
    .layer-center-logo {
        top: 15% !important;
    }
}

@media screen and (max-height: 623px) {
    .layer-center-logo {
        top: 5% !important;
    }
}

.layer-center-logo {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    top: 22%;

    /*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.dc_logo {
    width: 512px;
}

.thanks-msg {
    padding-top: 20px;
}

.dc_logo_hor {
    display: none;
    width: 512px;
}

.dc_logo_hor_header {
    width: 256px;
    position: fixed;
    left: 10px;
    top: 0;
}

.loading-text {
    margin-top: -40px;
}

.dc_flowvr_hor_header {
    margin-top: 5px;
    width: 200px;
}

.dc_flowvr_logo {
    width: 512px;
}

.layer-main-button {
    top: auto;
    bottom: 25%;
}

.get-in-touch {
    margin-bottom: 0px;
}

#section4 .layer {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    top: 10%;

    /*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#section4 .layer-center {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    top: 36%;

    /*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#section4 .layer-bottom {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    bottom: 12%;
    top: auto;

    /*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.contactMainButtonsDiv {
    /*padding-top: 10%;*/
}

/*solves problem with overflowing video in Mac with Chrome */
#section0, #section4, #section3a {
    overflow: hidden;
}

#section3a {
    background-color: black;
}

#section3a .layer {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    top: 0;

    /*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Screenshots*/
#shot1 {
    background-size: 100% !important;
    background: url("../resources/img/standingGhoul_1920x1080_smaller.jpg") center no-repeat;
}

/*theRunningMan_1920x1080_small*/
#shot2 {
    background-size: 100% !important;
    background: url("../resources/img/menuScene_1920x1080_small.jpg") center no-repeat;
}

#shotGuns {
    background-size: 100% !important;
    background: url("../resources/img/enemies/ghoulAndGuns_logo_small.jpg") center no-repeat;
}

#shotGhoul {
    background-size: 100% !important;
    background: url("../resources/img/enemies/Ghoul_logo.jpg") center no-repeat;
}

#shotUndertaker {
    background-size: 100% !important;
    background: url("../resources/img/enemies/Undertaker_logo.jpg") center no-repeat;
}

#shotGargoyle {
    background-size: 100% !important;
    background: url("../resources/img/enemies/Gargoyle_logo.jpg") center no-repeat;
}

#shot3 {
    background-size: 100% !important;
    background: url("../resources/img/skull_landscape_smallest_1920x1080.jpg") center no-repeat;
}

#shot4 {
    background-size: 100% !important;
    background: url("../resources/img/titan_1920x1080_smaller.jpg") center no-repeat;
}

#shot5 {
    background-size: 100% !important;
    background: url("../resources/img/theRunningMan_1920x1080_small.jpg") center no-repeat;
}

/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
    color: #fff;
}

/* Hiding video controls
* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
* --------------------------------------- */
video::-webkit-media-controls {
    display: none !important;
}

/*custom*/

.sub-title {
    color: #fff;;
    font-size: 1.25em;
    font-weight: 100;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

.by-section {
    position: relative;
    left: 207px;
}

.video-container {
    position: relative;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.video-container .filter {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    z-index: 4;
    /*
   * Preventing flicker on some browsers
   * See http://stackoverflow.com/a/36671466/1081396  or issue #183
   */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#section4 .video-container .filter {
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    z-index: 4;
    /*
   * Preventing flicker on some browsers
   * See http://stackoverflow.com/a/36671466/1081396  or issue #183
   */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.simpleFilter {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    z-index: 4;
    /*
   * Preventing flicker on some browsers
   * See http://stackoverflow.com/a/36671466/1081396  or issue #183
   */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slideUpOn360 {

}

.screen360-container iframe {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    height: 100vh;
    /*z-index: 0;*/
}

.btn {
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Oswald", "Impact", sans-serif;
    border-radius: 0;
}

.btn-sm {
    font-size: 14px;
    letter-spacing: 0;
}

.btn-lg {
    padding: 1rem 2.5rem;
}

.btn-primary,
.btn-primary:focus {
    background-color: #2575fc;
    border-color: #2575fc;
    color: #fff;
}

.btn-primary:hover, .btn-primary:active,
.btn-primary:focus:hover,
.btn-primary:focus:active {
    color: #fff;
    background-color: #0c65fc;
    border-color: #0c65fc;
}

.btn-outline,
.btn-outline:focus {
    color: #fff;
    background-image: none;
    background-color: transparent;
    border-color: #fff;
}

.btn-outline:hover, .btn-outline:active,
.btn-outline:focus:hover,
.btn-outline:focus:active {
    color: #292b2c;
    background-color: #fff;
    border-color: #fff;
}

.light-theme .btn-outline,
.light-theme .btn-outline:focus,
.light-theme .btn-outline:focus,
.light-theme.btn-outline:focus:focus {
    color: #000;
    border-color: #000;
}

.light-theme .btn-outline:hover, .light-theme .btn-outline:active,
.light-theme .btn-outline:focus:hover,
.light-theme .btn-outline:focus:active, .light-theme.btn-outline:focus:hover,
.light-theme.btn-outline:focus:active,
.light-theme.btn-outline:focus:focus:hover,
.light-theme.btn-outline:focus:focus:active {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-outline-primary {
    color: #2575fc;
    background-image: none;
    background-color: transparent;
    border-color: #2575fc;
}

.btn-outline-primary:hover, .btn-outline-primary:active {
    color: #fff;
    background-color: #2575fc;
    border-color: #2575fc;
}

.btn-outline-primary-white {
    color: #292b2c;
    background-image: none;
    background-color: #fff;
    border-color: #fff;
}

.btn-outline-primary-white:hover, .btn-outline-primary-white:active {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

.no-border {
    border: none;
}

.btn-youtube {
    font-size: 80px !important;
    color: #fff;
    /*background-image: none;*/
    background-color: transparent;
    border: none;
}

.btn-youtube:focus {
    color: transparent !important;
    /*background-image: none;*/
    background-color: transparent !important;
    border: none;
}

.btn-youtube:hover, .btn-youtube:active,
.btn-youtube:focus:hover,
.btn-youtube:focus:active {
    color: #292b2c;
    font-size: 90px !important;
    /*color: #FE0000; !* youtube red*!*/
    /*color: #fff;*/
    background-color: transparent !important;
    /*border: none;*/
}

.btn-go-down-baby {
    padding: 0;
    font-size: 60px !important;
    color: #fff;
    /*background-image: none;*/
    background-color: transparent;
    border: none;
}

.btn-go-down-baby:focus {
    color: #fff;
    font-size: 60px !important;
    background-color: transparent;
    border: 0 !important;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}

.btn-go-down-baby:hover, .btn-go-down-baby:active,
.btn-go-down-baby:focus:hover,
.btn-go-down-baby:focus:active {
    color: #fff;
    font-size: 60px !important;
    /*color: #FE0000; !* youtube red*!*/
    /*color: #fff;*/
    background-color: transparent !important;
    border: none;
    outline: none !important;
}

.iWouldRatherLikeYouGoDownBaby {
    position: relative;
    top: -50px;
}

.btn-go-up-baby {
    display: none; /*not initially*/
    padding: 0;
    font-size: 60px !important;
    color: #fff;
    /*background-image: none;*/
    background-color: transparent;
    border: none;

}

.btn-go-up-baby:focus {
    color: #fff;
    font-size: 60px !important;
    background-color: transparent;
    border: 0 !important;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}

.btn-go-up-baby:hover, .btn-go-up-baby:active,
.btn-go-up-baby:focus:hover,
.btn-go-up-baby:focus:active {
    color: #fff;
    font-size: 60px !important;
    /*color: #FE0000; !* youtube red*!*/
    /*color: #fff;*/
    background-color: transparent !important;
    border: none;
    outline: none !important;
}

.beta {
    padding: 10px 10px 23px 14px;
    vertical-align: bottom;
}

.header-title {
    font-family: 'Dosis', Arial, sans-serif;
    /*font-family: 'Roboto', Arial, sans-serif;*/
    font-size: 1em;

    position: fixed;
    left: 12px;
    top: 0;
    display: none;
}

.header-subtitle {
    font-family: 'Dosis', Arial, sans-serif;
    font-size: 1em;

    position: fixed;
    left: 20px;
    top: 44px;
    display: none;
}

.youtube-link {
    position: relative;
    top: 50px;
    font-family: 'Dosis', Arial, sans-serif;
    font-size: 1em;
    color: white;
}

.youtube-link a:link, .youtube-link a:visited, .youtube-link a:hover, .youtube-link a:active {
    font-family: 'Dosis', Arial, sans-serif !important;
    color: white !important;
}

.social-buttons-header {
    position: fixed;
    right: 10px;
    top: 10px;
}

.social-buttons-contact-page {

}

.contact-text-section {
    /*padding-top: 10%;*/
}

.btn-social {
    padding: 0 16px 0 0;
    font-size: 20px !important;
    color: #fff;
    /*background-image: none;*/
    background-color: transparent;
    border: none;
}

.btn-social:focus {
    color: #fff;
    /*background-image: none;*/
    background-color: transparent;
    border: 0 !important;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}

.btn-social:hover {
    /*,.btn-social:active*/
    /*,.btn-social:focus:hover*/
    /*,.btn-social:focus:active {*/
    color: #292b2c;
    font-size: 20px !important;
    /*color: #FE0000; !* youtube red*!*/
    /*color: #fff;*/
    background-color: transparent !important;
    border: none;
    outline: none !important;
}

.btn-social-contact {
    vertical-align: bottom;
    font-size: 40px !important;
    color: #fff;
    /*background-image: none;*/
    background-color: transparent;
    border: none;
}

.first-button {
    padding-right: 20px;
}

.last-button {
    padding-left: 20px;
}

.last-presskit {
    padding-left: 20px;
    font-size: 20px !important;
}

.btn-social-contact:focus, .btn-social-contact:active > .btn-social-contact:focus:active {
    color: #fff;
    /*background-image: none;*/
    background-color: transparent;
    border: 0 !important;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}

.btn-social-contact:hover,
.btn-social-contact:focus:hover {
    color: #292b2c;
    /*font-size: 44px !important;*/
    /*color: #FE0000; !* youtube red*!*/
    /*color: #fff;*/
    background-color: transparent !important;
    border: none;
    outline: none !important;
}

/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
#section3 .slide {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    top: 0;

    /*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.section3 h2 {
    /*top: 0;*/
    /*font-size: 7em;*/
}

.trailerClose {
    color: #fff;
}

body {
    font-family: 'Dosis', Arial, sans-serif;
}

.btn {
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Oswald", "Impact", sans-serif;
    border-radius: 0;
}

.trailerText {
    font-size: 40px;
}

.videoWrapper {
    display: none;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    /*padding-top: 25px;*/
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slide {
    background-size: cover;
}

#slide1 {
    background: url("../resources/img/skull_landscape_smallest_1920x1080.jpg") center no-repeat;
    background-size: cover;
}

#slide1Gameplay {
    background: url("../resources/img/gameplayBackground2.jpg") center no-repeat;
}

#section0b {
    background: url("../resources/img/enemies/ghoulAndGuns_logo_1920x1080.jpg") center bottom no-repeat;
    /*background-size: 120%;*/
    background-size: cover;
}

#section0b .mainButtonsDiv {
    padding-top: 0px;
}


.btn-close-buy {
    position: relative;
    left: 183px;
    top: 0px;
    font-size: 40px !important;
    color: #fff;
    /*background-image: none;*/
    background-color: transparent;
    border: none;
}

.btn-close-buy:focus {
    color: transparent !important;
    /*background-image: none;*/
    background-color: transparent !important;
    border: none;
}

.btn-close-buy:hover, .btn-close-buy:active,
.btn-close-buy:focus:hover,
.btn-close-buy:focus:active {
    color: #292b2c;
    font-size: 40px !important;
    /*color: #FE0000; !* youtube red*!*/
    /*color: #fff;*/
    background-color: transparent !important;
    /*border: none;*/
}

#section0b .layer-main-button {
    bottom: 40%;
}

.mainButtonsDiv {
    padding-top: 100px;
}

.mainButtons {
    min-width: 200px;
}

/* Fixed header and footer.
	* --------------------------------------- */
#header, #footer {
    position: fixed;
    height: 50px;
    display: block;
    width: 100%;
    background: #333;
    z-index: 9;
    text-align: center;
    color: #f2f2f2;
    padding: 20px 0 0 0;
}

#header {
    top: 0;
    background-color: transparent;
}

#footer {
    right: 20%;
    left: 20%;
    width: 60%; /* DO this for 360 screenshots full screen buttons bottom right. Otherwise there is no easy fix for Z-index. Call me if you find one ;-)*/
    padding: 0;
    height: 64px;
    bottom: 0;
    background-color: transparent;
}

/* Fullpage.js navigation*/
/* Navigation let right*/
.fp-controlArrow.fp-prev {
    left: 45px;
    border-width: 20px 20px 20px 0;
}

.fp-controlArrow.fp-next {
    right: 45px;
    border-width: 20px 0 20px 20px;
}

/* Menu navigation dots */
#fp-nav {
    top: 47%;
}

#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 28px;
    /*margin: 20px 7px 10px;*/

    position: relative;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    width: 12px;
    height: 12px;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    background: #fff !important;
    margin: -2px 0 0 0;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    background: #fff !important;
    width: 20px;
    height: 20px;
    margin: -6px 0 0 -6px;
}

/* end Fullpage.js navigation*/

#volumeButtonOff {
    position: relative;
    right: 10px;
}

.volumeButtonOff {
    color: darkgrey !important;
}

.preloader_hide {
    opacity: 0;
}

.preloader_hide2 {
    opacity: 0;
}

#preloader {
    position: fixed;
    left: 50%;
    top: 40%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    display: block;
}

/*iPhone 6 portrait 375px but galaxy s5 360px iphone5 320px iphone6Plus 736px*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (orientation: portrait) {
    .only-on-sm {
        display: none;
    }

    .crypto-address {
        font-size: 0.8em;
    }

    .dc_logo_hor_header {
        width: 164px;
        top: 0;
        left: 0;
    }

    .dc_flowvr_logo {
        width: 366px;
    }

    .dc_flowvr_hor_header {
        margin-left: -10px;
        width: 140px;
        margin-top: -3px;
    }

    .loading-text {
        font-size: 1em;
        margin-top: -20px;
    }

    .layer-center-logo {
        top: 12% !important;
    }

    .dc_logo {
        width: 80%;
    }

    #slide1 {
        background: url("../resources/img/skullPortrait_smallest_ 1308x1988.jpg") center bottom no-repeat;
        /*background-size: 120%;*/
        background-size: cover;
    }

    h1 {
        font-size: 2.7em;
    }

    .sub-title {
        font-size: 1em;
        padding-top: 10px;
    }

    .mainButtons {
        font-size: 0.86em;
        padding: 14px 44px;
        min-width: 45%;
        border: solid 2px transparent;
    }

    .mainButtonsDiv {
        padding-top: 10px;
        position: relative;
        top: 44px;
    }

    .layer-center-loading {
        top: 33%;
    }

    #section0 .layer {
        top: 33%;
    }

    .spacerOnIphone {
        padding-left: 10px;
    }

    /*Social buttons*/
    .social-buttons-header {
        top: 0;
        right: 0;
    }

    .btn-social {
        padding: 0 10px 0 0;
    }

    .btn-social, .btn-social:focus, .btn-social:active, .btn-social:focus:active, .btn-social-:hover, .btn-social:focus:hover {
        font-size: 16px !important;
    }

    .first-button {
        padding-right: 10px;
    }

    .last-button {
        padding-left: 10px;
    }

    .last-presskit {
        /*padding-left: 10px;*/
        font-size: 20px !important;
    }

    .btn-social-contact, .btn-social-contact:focus, .btn-social-contact:active, .btn-social-contact:focus:active, .btn-social-contact:hover, .btn-social-contact:focus:hover {
        font-size: 40px !important;
    }

    .contact-text-section > p {
        max-width: none;
    }

    .by-section {
        left: 100px;
        padding-top: 0;

    }

    #section4 .layer-center {
        top: 33%;
    }

    #section4 .layer-bottom {
        bottom: 10%;
        top: auto;
    }

    .beta {
        display: none;
    }

    .header-title {
        left: 10px;
        top: 4px;
    }

    .header-subtitle {
        left: 6px;
        top: 24px;
    }

    .btn-close-buy {
        left: 120px;
    }

}

/* iphone 5 etc...*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (orientation: portrait) {
    .mainButtons {
        padding: 14px 34px;
    }

    .intro-text {
        padding-top: 5% !important;
        font-size: 1em !important;
    }

    .layer-center-logo {
        top: 22%;
    }

    .sub-title {
        font-size: 1em;
        padding-top: 10px;
    }

    .btn-close-buy {
        left: 95px;
    }
}

/* iphone 6 etc...*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (orientation: landscape) {

    .crypto-address {
        font-size: 0.8em;
    }

    .dc_logo_hor_header {
        width: 164px;
        top: 0;
        left: 0px;
    }

    .dc_flowvr_logo {
        width: 366px;
    }

    .dc_flowvr_hor_header {
        margin-left: -10px;
        width: 140px;
        margin-top: -3px;
    }

    .loading-text {
        font-size: 1em;
        margin-top: -20px;
    }

    .layer-center-logo {
        top: 22%;
    }

    .intro-text {
        padding-top: 5%;
    }

    .dc_logo_hor {
        display: inline;
    }

    .dc_logo {
        display: none;
    }

    #slide1 {
        background: url("../resources/img/skullPortrait_smallest_ 1308x1988.jpg") center bottom no-repeat;
        background-size: cover;
    }

    h1 {
        font-size: 2.7em;
    }

    .intro-text {
        max-width: 370px !important;
    }

    .sub-title {
        font-size: 0.8em !important;
        /*font-size: 1em!important;*/
        padding-top: 10px;
        max-width: none;

    }

    .mainButtons {
        font-size: 0.86em;
        padding: 14px 44px;
        min-width: 45%;
        border: solid 2px transparent;
    }

    .mainButtonsDiv {
        padding-top: 10px;
    }

    #section0 .layer {
        top: 30%;
    }

    .spacerOnIphone {
        padding-left: 10px;
    }

    /*Social buttons*/
    .social-buttons-header {
        top: 0;
        right: 0;
    }

    .btn-social {
        padding: 0 10px 0 0;
    }

    .first-button {
        padding-right: 10px;
    }

    .last-button {
        padding-left: 10px;
    }

    .btn-social-contact, .btn-social-contact:focus, .btn-social-contact:active, .btn-social-contact:focus:active, .btn-social-contact:hover, .btn-social-contact:focus:hover {
        font-size: 40px !important;
    }

    .by-section {
        left: 100px;
        padding-top: 0;
    }

    #section4 .layer-center {
        top: 33%;
    }

    #section4 .layer-bottom {
        bottom: 10%;
        top: auto;
    }

    .header-title {
        left: 10px;
        top: 4px;
    }

    .header-subtitle {
        left: 6px;
        top: 22px;
    }

    .layer-main-button {
        top: auto;
        bottom: 20%;
    }

}

/*iPad lanscape */
@media only screen
and (device-width: 1024px)
and (device-height: 768px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    #section0 .layer {
        top: 40%;
    }

    #section4 .layer {
        top: 6%;
    }

    #section4 .layer-bottom {
        bottom: 8%;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

    #section4 .layer {
        top: 6%;
    }

    #section4 .layer-bottom {
        bottom: 8%;
    }

}

/*iPad Pro*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

    /*#slide1 {*/
    /*background: url("../resources/img/skullPortrait_smallest_ 1308x1988.jpg") center bottom no-repeat;*/
    /*}*/

}

/*iPad Pro*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

    #section0 .layer {
        top: 28%;
    }

    /*#slide1 {*/
    /*background: url("../resources/img/skullPortrait_smallest_ 1308x1988.jpg") center bottom no-repeat;*/
    /*}*/

}

/*iPhone 5*/
@media only screen
and (device-width: 320px)
and (device-height: 568px) {
    .crypto-address {
        font-size: 0.8em;
    }

    .sub-title {
        font-size: 0.89em;
    }

    .layer-main-button {
        bottom: 18%;
    }

    #section4 .layer-bottom {
        bottom: 2%;
    }
}

/*iPhone 5*/
@media only screen
and (device-width: 568px)
and (device-height: 320px) {
    .crypto-address {
        font-size: 0.8em;
    }

    .sub-title {
        font-size: 0.89em;
    }

    #section4 .layer-bottom {
        bottom: 2%;
    }

}

.regular-link,
.regular-link:focus {
    color: #fff;
}

.regular-link:hover, .regular-link:active,
.regular-link:focus:hover,
.regular-link:focus:active {
    color: #fff;
}

/*@media (min-aspect-ratio: 16/9) {*/
/*.fullscreen-bg__video {*/
/*height: 100%;*/
/*!*top: -100%;*!*/
/*}*/
/*}*/

/*@media (max-aspect-ratio: 16/9) {*/
/*.fullscreen-bg__video {*/
/*width: 100%;*/
/*!*left: -100%;*!*/
/*}*/
/*}*/

/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {*/
/*!* IE10+ CSS styles go here *!*/
/*.inlineVideo{*/
/*height: auto!important;*/
/*}*/
/*}*/

/*@supports (-ms-accelerator:true) {*/
/*!* IE Edge 12+ CSS styles go here *!*/
/*.inlineVideo{*/
/*height: auto!important;*/
/*}*/
/*}*/