@media (min-width: 768px) and (max-width: 1024px) { 
    body {
        margin: 0px;
        padding: 5px 0px 0px 0px;
    }

    header img {
        width: 96px;
        height: auto;
    }

    header img {
        width: 96px;
        height: auto;
    }
    
    nav {
        display: flex;
        flex-direction: unset;
        border-radius: 0px;
    }

    nav button {display: none;}
        
    nav ul.hide {display: block;}
        
    nav ul li {
        float: left;
    }
        
    nav ul li a {
        border: none;
        padding: .6rem 1rem;
    }

    main {
        max-width: 560px;
        margin: 20px auto;
    } 

    footer {
        border-radius: 0px;
    }

    footer p {
        border-radius: 0px;
    }
}