@media screen and (min-width: 768px) {
    nav {
        position: static;
        width: auto;
    }

    nav > ul > li {
        display: inline-block;
    }

    nav > ul > li > a {
        margin: 2px;
        border-radius: 5px;
    }

    header button {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    header > nav {
        background-color: #03A63C;
        padding-bottom: 12px;
    }

    nav > ul > li {
        text-align: center; 
    }

    .container {
        flex-flow: column nowrap;
    }

    .img img {
        margin-right: 15px;
        width: 220px;
    }
}

@media screen and (max-width: 600px) {
    .img img {
        width: 180px;
    }
}