@media (min-width: 500px) {
    header nav img,
    footer img  {
        width: 100px;
        height: auto;
    }
}

@media (min-width: 500px) {
    .image_container img {
       width: 80%;
    }
}

@media (min-width: 700px) {
    main {
        width: 60%;
    }

    .image_container {
        flex-direction: row;
    }

    .image_container img {
       width: 50%;
    }
}

@media (min-width: 1100px) {
    main {
        width: 50%;
    }
}