html {
    font-size: 62.5%; // sets font to 10px
}

body,
html {
    height: 100%;
}

body {
    font-size: 1.6rem;
}

*:focus {
    outline: none !important;
  }

.intro-logo {
    max-width: 240px;
    margin-bottom: 6rem;
}


@media (min-width: 992px) {
.container {
    max-width: 100%;
}
}

@media (min-width: 768px){
.container {
    max-width: 100%;
}
}

@media (min-width: 576px) {
.container {
    max-width: 100%;
}
}

@media (min-width: 1200px) {
.container {
    max-width: 1140px;
}
}



//////////////////////////////////////////////////////
// Remove this when proper centering added
//////////////////////////////////////////////////////

body.temp-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.bg-choice-card {
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    // filter: grayscale(100%);
    z-index: 0;
    
    .bg-image {
        background-size: cover;
        background-position: center;
        height: 100%;
        left: 0;
        opacity: .3;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
       
    }
}



.ns-section-empty-padding {
    padding: 20rem 1.5rem;
}

.nonstop-home-history-container,
.nonstop-home-earn-container {   
    position: relative;
    background-color: #171717;
}

.ns-overlay {
    background: #171717;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}