.background-nav{ background-image: url(../img/dashboard/header.png); background-color: white; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .logo{ width:6em; } .navbar-dark .navbar-text { color: rgb(255 255 255 / 80%); } @media only screen and (max-width: 600px) { .background-nav{ background-image: url(../img/login/header_small.png); } .background-footer{ content:url("../img/login/footer_small.png"); } } @media only screen and (min-width: 600px) { .background-nav{ background-image: url(../img/login/header_small.png); } .background-footer{ content:url("../img/login/footer_small.png"); } } @media only screen and (min-width: 768px) { .background-nav{ background-image: url(../img/login/header.png); } .background-footer{ content:url("../img/login/footer.png"); } } @media only screen and (min-width: 992px) { .background-nav{ background-image: url(../img/login/header.png); } .background-footer{ content:url("../img/login/footer.png"); } }