@media only screen and (min-width:320px)and (max-width:768px) {
    header nav {
        height: 330px;
    }

    header nav .container img {}

    header nav .collapse p {
        display: block;
    }

    .navbar .container .navbar-brand {
        padding-left: 45%;
    }

    .navbar .container .collapse {
        flex-direction: column;

    }
}



/* tablet view */
@media only screen and (min-width:768px)and (max-width:1024px) {
    
}