img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: 200px;

}

.buttons {
    padding-bottom: 15px;
}

.container {
    padding-top: 50px;
    padding-bottom: 50px;
}














@media screen and (max-width: 700px) {
    .wrapper {
        width: 100vw;
        height: 100vh;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 1fr 3fr 1fr 1fr;
        grid-template-areas:    "header"
                                "left"
                                "main"
                                "right"
                                "footer";
    }
}