*{
    margin: 0;
    padding: 0;
}
html, body{
    height: 100%;
    width: 100%;
}
.total_bg{
    height: 100%;
    width: 100%;
    background: url(img/full-display.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    
}

@media only screen and (min-width: 1170px) and (max-width: 1920px){
    .total_bg{
    background: url(img/full-display.jpg);
        
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 320px) and (max-width: 970px){
    .total_bg{
    background: url(img/mobile-768.jpg);
        
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    }
}