main {
    background-color: #e2ebbc;
    color: #331a09;
    padding: 30px 30px 30px 60px;
}

h1 {
    font-size: 2.2rem;
}

h2 {
    font-size: 2rem;
}

.article-image-1 {
    width: 30%;
    margin: 20px 50px 20px 0;
    height: auto;
    float: left;
}

.article-image-1-small {
    display: none;
    width: 80%;
    margin: 20px 10%;
}

.article-image-2 {
    width: 35%;
    margin: 20px 20px 20px 50px;
    height: auto;
    float: right;
}

.article-image-2-small {
    display: none;
    width: 80%;
    margin: 20px 10%;
}

@media (max-width: 601px) {
    main {
        padding: 30px;
    }

    .article-image-1 {
        display: none;
    }

    .article-image-1-small {
        display: inline;
    }

    .article-image-2 {
        display: none;
    }

    .article-image-2-small {
        display: inline;
    }
}