@media only screen and (max-width: 600px) {
    h1 {
        font-size: calc(1.5rem + 1.5vw);
    }

    .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
    }

    .navbar-brand img{
        max-width: 100%;
    }

    .navbar{
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-toggler{
        margin-top: 30px;
        width: 100%;
    }

    .navbar-nav li{
        margin-bottom: 10px;
    }
}