@media only screen and (min-width: 250px) and (max-width: 479px) {
    .container {
        width: 100%;
    }

    .navbar-default {
        margin-top: 40px;
    }
}


@media only screen and (min-width: 480px) and (max-width: 600px) {
    .container {
        width: 580px;
    }

    .navbar-default {

        margin-top: 60px;
    }
}