@media only screen and (max-width: 768px){
    
    nav{
        display: none;
    }

    .banner{
        flex-direction: column-reverse;
    }
    .banner .image img{
        position: relative;
        top: 0;
        left: 0;
        width: 350px;
        padding: 0;
    }

    .banner .content .head h1{
        font-size: 30px;
    }

}