@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    .journal-container,
    .news-menu{
         display: flex;
         flex-wrap: wrap;
    }

    .journal-container > *,
    .news-menu > *{
         width: 50%;
         padding: 20px;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 960px),
       all and (-ms-high-contrast: active) and (max-width: 960px){
     .journal-container > *,
     .news-menu > *{
         width: 50%;
         padding: 20px;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 540px),
       all and (-ms-high-contrast: active) and (max-width: 540px){
     .journal-container > *,
     .news-menu > *{
         width: 100%;
         padding: 0;
    }
}