@media all and (max-width: 950px) { 
    header {
       justify-content: center;
       text-align: center;
    }

    header img {
        display: none;
    }

    nav li {
        display: block;
    }

    aside{
    flex-direction: column;
    flex-wrap: nowrap;
   }

    footer {
      flex-direction: column-reverse;
      gap: 1em;
    }
}