@media (max-width: 769px) {
    nav{
       height: 700px;
       flex-direction: column;
       justify-content: space-around;
    }
    .menu{
        flex-direction: column;
        align-items: center;
    }
    footer{
        height: 300px;
        flex-direction: column-reverse;

    }
}