#suggested-article {
    display: grid;
    padding: 0 calc(10% - 70px);
    grid-gap: 50px;
    align-items: center;
    max-width: 1570px;
    margin: auto;
}

#suggested-article h3 {
    color: #f4f4f4;
}

div#suggested-article h2 {
    color: #f4f4f4;
}

.d #suggested-article {
    grid-template-columns: 30% 70%;
    grid-gap: 50px;
}

.m #suggested-article {
    grid-template-columns: 100%;
    grid-gap: 20px;
}

.m #suggested-article div {
    grid-row: 1;
}

#suggested-article a {
    display: block;
    width: 100%;
}

#suggested-article a:first-child {
    height: 300px;
}

#suggested-article div h3:first-child {
    font-size: 15px;
}

h3#suggested-article-category {
    color: #ffcf55;
}

#suggested-article a:hover {
    color: #272727;
}