body, #wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

footer {
    margin-top: auto;
}

.my-div-style {
    margin-top: 6rem;
}

.top-login-heading{
    padding-top: 4rem;
}

.top-news-sectiom{
    padding-top: 5rem;
}

.news-content{
    justify-content: center;
    font-size: 18px;
    padding-top: 1.5rem;
    display:grid;
    grid-template-columns: 230px 150px;
    dd{
        grid-column-start: 1;
        grid-column-end: 3;
    }
}

@media (min-width: 1000px) {
    .news-content{
        justify-content: center;
        text-align: left;
        font-size: 20px;
        padding-top: 1.5rem;
        display:grid;
        grid-template-columns: 280px 170px 600px;
        dd{
            grid-column-start: 3;
            grid-column-end: 4;
        }
    }
}