.news-wrap {
    padding: 2rem 1rem 2rem 1rem;

    background-color: white;

    & h3 {
        margin: 0 0 1rem 0;
        font-size: 3rem;
        font-family: oswaldo;
    }

    .news-cont {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}

.news-cont .news {
    text-decoration: none;
    box-shadow: 0 0 5px #111;
    border-radius: 1rem;
    overflow: hidden;

    #newsImg {
        height: 350px;

        & img {
            aspect-ratio: 1/1;
            width: 100%;
            height: 100%;

            transition: scale 300ms ease-in-out;
        }
    }

    &:hover {
        #newsImg img {
            scale: 105%;
        }
    }

    #newsInfo {
        color: #111;
        padding: 1rem;

        & h3 {
            font-size: 2rem;
        }

        & p {
            font-size: 1.8rem;
        }
    }
}

@media(min-width: 1024px){
    .news-wrap {
        padding: 2rem 1rem 2rem 1rem;

        & h3 {
            margin: 0 0 1rem 0;
            font-family: oswaldo;
            font-size: 2rem;
        }
    
        .news-cont {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
        }
    }
    
    .news-cont .news {
        text-decoration: none;
        box-shadow: 0 0 5px #111;
        border-radius: 1rem;
        overflow: hidden;
    
        #newsImg {
            height: 250px;
    
            & img {
                aspect-ratio: 1/1;
                width: 100%;
                height: 100%;
    
                transition: scale 300ms ease-in-out;
            }
        }
    
        &:hover {
            #newsImg img {
                scale: 105%;
            }
        }

        #newsInfo {
            color: #111;
            padding: 1rem;

            & h3 {
                font-size: 1.4rem;
            }
    
            & p {
                font-size: 1rem;
            }
        }
    }
}

@media(min-width: 1440px){
    .news-wrap {
        padding: 2rem 1rem 2rem 1rem;
    
        .news-cont {
            grid-template-columns: repeat(4, 1fr);
        }
    }
}