/************ Header *************/

#newsHeader {
    padding: 80px 20px;
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    background-color: #fdf8f1;
    color: #a5968c;
}

#newsHeader .highlight::before {
    background-color: #e7cbb0;
}

@media (max-width: 800px) {
    #newsHeader {
        padding: 50px 40px;
        font-size: 30px;
    }
}

/************************ BODY ******************/

#newsBody {
    background-color: rgb(246, 245, 244);
    padding: 60px 20px;
}

#newsBodyInner {
    max-width: 800px;
    margin: auto;
}

.newsBodyRow {
    display: flex;
    gap: 40px;
}

.newsBodyRow:first-of-type {
    margin-bottom: 80px;
}

#newsBodyGrid1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 80px;
    column-gap: 20px;
    margin-bottom: 40px;
}

#newsBodyGrid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
    column-gap: 20px;
    margin-top: 90px;
    grid-auto-rows: 250px;
    grid-auto-flow: dense;
    align-items: center;
}

#newsBodyGrid2 .newsBodyImg {
    max-height: 400px;
}

.newsBodyLink {
    display: block;
}

.newsBodyLink[href*="goodmorningamerica"] {
    max-width: 600px;
    margin: 0 auto 30px;
    grid-row: span 2;
}

.newsBodyLink[href*="big-little-feelings-is-teaching-you-how-to-be-a-better-parent-one-instagram-at-a-time"] {
    max-width: 600px;
    margin: 0 auto 30px;
}

.newsBodyLink[href*="watch-what-happens-live-with-andy-cohen/season-20/episode-77/watch-what-happens-live-427"] {
    max-width: 600px;
    margin: 0 auto 30px;
    grid-row: span 2;
}

.newsBodyLink[href*="millennial-earnest-parenting.html"] {
    max-width: 600px;
    margin: 0 auto 30px;
    grid-column: span 2;
    grid-row: span 2;
}

.newsBodyLink[href*="back-to-work-after-baby-kristin-gallant"] {
    max-width: 600px;
    margin: 0 auto 30px;
}

.newsBodyLink[href*="popsugar"] {
    max-width: 376px;
}

.newsBodyLink[href*="today"] {
    max-width: 426px;
}

.newsBodyLink[href*="betches"] {
    grid-row: 1/3;
    grid-column: 2/3;
}

.newsBodyLink[href*="entrepreneur"] {
    max-width: 448px;
    margin: 0 auto 60px;
}

.newsBodyImg {
    display: block;
    width: 100%;
    min-width: 0;
}

@media (max-width: 800px) {

    .newsBodyRow,
    .newsBodyRow:first-of-type,
    #newsBodyGrid1,
    #newsBodyGrid2,
    .newsBodyLink {
        display: block !important;
        margin-bottom: 0 !important;
        grid-template-columns: 1fr;
        max-width: none;
    }

    #newsBodyGrid2 {
        margin-top: 0;
    }

    #newsBodyGrid2 .newsBodyImg {
        max-height: none;
    }

    .newsBodyImg {
        margin-bottom: 40px;
    }

}

/************ Footer *************/

#newsFooter {
    padding: 80px 20px;
    background-color: #fdf8f1;
    margin-bottom: 40px;
}

#newsFooterInner {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    color: #a5968c;
    max-width: 400px;
    margin: auto;
    line-height: 35px;
}

#newsFooter .highlight::before {
    background-color: #e7cbb0;
}


@media (max-width: 800px) {
    #newsFooter {
        padding: 50px 20px;
    }
}