.article_col1 {
    width: 30.9999%;
    float: left;
    line-height: 1.5;
}

.article_col2 {
    width: 58.9999%;
    float: left;
    text-align: justify;
    padding: 0 40px;
    line-height: 1.5;
}

.article_col2 h2 {
    font-family: 'Phenomena', sans-serif;
}

.article_col2 article {
    font-family: 'Roboto', sans-serif;
}

@media only screen and (min-width: 501px) {
    .article_col2 {
        padding: 60px 40px;
    }
}
@media only screen and (max-width: 500px) {
    .article_col1 {
        width: 10%;
    }

    .article_col2 {
        width: 69.9999%;
    }
}