@media (max-width: 575.98px) {
    .parallax-container {
        position: fixed;
        overflow: visible;
        width: 100%;
        height: 1000px;
    }
    .parallax-layer {
        width: 100%;
        height: 1000px;
        position: fixed;
        left: 0;
        top: 0;
        background-position: center;
        background-repeat: repeat-x;
        /* background-size: 960px 253px; */
        /* margin-top: -65px; */
    }
    
    .layer-0 {
        top: -100px;
        z-index: 0;
        background: url('/simulacra2-assets/parallax/v3/L0sim3parallax.png') no-repeat top 5px center;
        width: 100%;
        margin-left: 0;
    }
    .layer-1 {
        top: 5%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L1sim3parallax.png');
        width: 100%;
        margin-left: 0;
        background-size: contain;
    }
    .layer-2 {
        top: -13%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L2sim3parallax.png');
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-3 {
        top:14%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L3sim3parallax.png');
        background-position: center;
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    .layer-4 {
        top: 5%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L4sim3parallax.png');
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-5 {
        top: -10%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L5sim3parallax.png');
        background-position: center;
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-6{
        top: 5%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L6sim3parallax.png');
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-7{
        top: 15%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L7sim3parallax.png');
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-8{
        top: -50%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L8sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-9{
        top: 20%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L9sim3parallax.png');
        background-position: center;
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .content {
        position: absolute;
        top: 100%;
        background: #021116;
        width: 100%;
    }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
    .parallax-container {
        position: fixed;
        overflow: visible;
        width: 100%;
        height: 1000px;
    }
    .parallax-layer {
        width: 100%;
        height: 1000px;
        position: fixed;
        left: 0;
        top: 0;
        background-position: center;
        background-repeat: repeat-x;
        /* background-size: 960px 253px; */
        /* margin-top: -65px; */
    }
    
    .layer-0 {
        top: -100px;
        z-index: 0;
        background: url('/simulacra2-assets/parallax/v3/L0sim3parallax.png') no-repeat top 5px center;
        width: 100%;
        margin-left: 0;
    }
    .layer-1 {
        top: -70%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L1sim3parallax.png');
        width: 100%;
        margin-left: 0;
    }
    .layer-2 {
        top: -85%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L2sim3parallax.png');
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-3 {
        top:-100%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L3sim3parallax.png');
        background-position: center;
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-4 {
        top: -20%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L4sim3parallax.png');
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-5 {
        top: -50%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L5sim3parallax.png');
        background-position: center;
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-6{
        top: -50%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L6sim3parallax.png');
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-7{
        top: -35%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L7sim3parallax.png');
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-8{
        top: -95%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L8sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-9{
        top: -10%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L9sim3parallax.png');
        background-position: center;
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .content {
        position: absolute;
        top: 150%;
        background: #021116;
        width: 100%;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {  
    .parallax-container {
        position: fixed;
        overflow: visible;
        width: 100%;
        height: 1000px;
    }
    .parallax-layer {
        width: 100%;
        height: 1000px;
        position: fixed;
        left: 0;
        top: 0;
        background-position: center;
        background-repeat: repeat-x;
        /* background-size: 960px 253px; */
        /* margin-top: -65px; */
    }
    
    .layer-0 {
        top: -100px;
        z-index: 0;
        background: url('/simulacra2-assets/parallax/v3/L0sim3parallax.png') no-repeat top 5px center;
        width: 100%;
        margin-left: 0;
    }
    .layer-1 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L1sim3parallax.png');
        width: 100%;
        margin-left: 0;
    }
    .layer-2 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L2sim3parallax.png');
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-3 {
        top: 0%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L3sim3parallax.png');
        background-position: center;
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-4 {
        top: 20%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L4sim3parallax.png');
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-5 {
        top: 5%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L5sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-6{
        top: 5%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L6sim3parallax.png');
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-7{
        top: 30%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L7sim3parallax.png');
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-8{
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L8sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-9{
        top: 40%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L9sim3parallax.png');
        background-position: center;
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .content {
        position: absolute;
        top: 1000px;
        background: #021116;
        width: 100%;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: landscape){  
    .parallax-container {
        position: fixed;
        overflow: visible;
        width: 100%;
        height: 1000px;
    }
    .parallax-layer {
        width: 100%;
        height: 1000px;
        position: fixed;
        left: 0;
        top: 0;
        background-position: center;
        background-repeat: repeat-x;
        /* background-size: 960px 253px; */
        /* margin-top: -65px; */
    }
    
    .layer-0 {
        top: -100px;
        z-index: 0;
        background: url('/simulacra2-assets/parallax/v3/L0sim3parallax.png') no-repeat top 5px center;
        width: 100%;
        margin-left: 0;
    }
    .layer-1 {
        top: -10%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L1sim3parallax.png');
        width: 100%;
        margin-left: 0;
    }
    .layer-2 {
        top: -10%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L2sim3parallax.png');
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-3 {
        top: -15%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L3sim3parallax.png');
        background-position: center;
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-4 {
        top: -10%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L4sim3parallax.png');
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-5 {
        top: -5%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L5sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-6{
        top: -5%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L6sim3parallax.png');
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-7{
        top: 10%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L7sim3parallax.png');
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-8{
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L8sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-9{
        top: 22%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L9sim3parallax.png');
        background-position: center;
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .content {
        position: absolute;
        top: 900px;
        background: #021116;
        width: 100%;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: portrait){  
    .parallax-container {
        position: fixed;
        overflow: visible;
        width: 100%;
        height: 1000px;
    }
    .parallax-layer {
        width: 100%;
        height: 1000px;
        position: fixed;
        left: 0;
        top: 0;
        background-position: center;
        background-repeat: repeat-x;
        /* background-size: 960px 253px; */
        /* margin-top: -65px; */
    }
    
    .layer-0 {
        top: -100px;
        z-index: 0;
        background: url('/simulacra2-assets/parallax/v3/L0sim3parallax.png') no-repeat top 5px center;
        width: 100%;
        margin-left: 0;
    }
    .layer-1 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L1sim3parallax.png');
        width: 100%;
        margin-left: 0;
    }
    .layer-2 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L2sim3parallax.png');
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-3 {
        top: 0%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L3sim3parallax.png');
        background-position: center;
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-4 {
        top: 5%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L4sim3parallax.png');
        background-size: contain;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-5 {
        top: 5%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L5sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-6{
        top: 5%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L6sim3parallax.png');
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-7{
        top: 7%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L7sim3parallax.png');
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-8{
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L8sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-9{
        top: 22%;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L9sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .content {
        position: absolute;
        top: 1000px;
        background: #021116;
        width: 100%;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    .parallax-container {
        position: fixed;
        overflow: visible;
        width: 100%;
        height: 1000px;
    }
    .parallax-layer {
        width: 100%;
        height: 1000px;
        position: fixed;
        left: 0;
        top: 0;
        background-position: center;
        background-repeat: repeat-x;
        /* background-size: 960px 253px; */
        /* margin-top: -65px; */
    }
    
    .layer-0 {
        top: -100px;
        z-index: 0;
        background: url('/simulacra2-assets/parallax/v3/L0sim3parallax.png') no-repeat top 5px center;
        width: 100%;
        margin-left: 0;
    }
    .layer-1 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L1sim3parallax.png');
        width: 100%;
        margin-left: 0;
    }
    .layer-2 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L2sim3parallax.png');
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-3 {
        top: -20px;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L3sim3parallax.png');
        background-position: center;
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-4 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L4sim3parallax.png');
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-5 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L5sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-6{
        top: 5px;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L6sim3parallax.png');
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-7{
        top: 60px;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L7sim3parallax.png');
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-8{
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L8sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-9{
        top: 300px;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L9sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .content {
        position: absolute;
        top: 1000px;
        background: #021116;
        width: 100%;
    }    
}

/* 4k */
@media screen and (min-device-aspect-ratio: 16/9){
    .parallax-container {
        position: fixed;
        overflow: visible;
        width: 100%;
        height: 1000px;
    }
    .parallax-layer {
        width: 100%;
        height: 1000px;
        position: fixed;
        left: 0;
        top: 0;
        background-position: center;
        background-repeat: repeat-x;
        /* background-size: 960px 253px; */
        /* margin-top: -65px; */
    }
    
    .layer-0 {
        top: -100px;
        z-index: 0;
        background: url('/simulacra2-assets/parallax/v3/L0sim3parallax.png') no-repeat top 5px center;
        width: 100%;
        margin-left: 0;
        background-size: cover;
    }
    .layer-1 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L1sim3parallax.png');
        width: 100%;
        margin-left: 0;
        background-size: cover;
    }
    .layer-2 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L2sim3parallax.png');
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-3 {
        top: -20px;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L3sim3parallax.png');
        background-position: center;
        background-size: cover;
        width: 100%;
        margin-left: 0;
    }
    .layer-4 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L4sim3parallax.png');
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-5 {
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L5sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-6{
        top: 5px;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L6sim3parallax.png');
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-7{
        top: 60px;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L7sim3parallax.png');
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-8{
        top: 0;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L8sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .layer-9{
        top: 300px;
        z-index: 0;
        background-image: url('/simulacra2-assets/parallax/v3/L9sim3parallax.png');
        background-position: center;
        background-size: auto;
        width: 100%;
        margin-left: 0;
    }
    
    .content {
        position: absolute;
        top: 1000px;
        background: #021116;
        width: 100%;
    }   
}