.content {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 3vw 20vw;
}
.starter-image img {
    max-height: 80px;
}
.article {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.article .article-text {
    color: #E1E1E1;
    width: 60%;
}

.article .article-image {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.article-image img {
    height: 40%;
    width: 100%;
}

.content p {
    font-family: museo-500, sans-serif;
}

@media (max-width: 768px) {
    .article .article-text {
        width: 100%;
    }
    .article .article-image {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .content {
        padding: 3vw 5vw;
    }

    .article-text h4 {
        font-size: 14px;
    }
}