.article-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap:1rem;
    justify-content: space-between;
}

.article {
    width:46%;
    border: 0.3rem solid #623e2a;
    padding: 1rem;
    margin-top:0.5rem;
    flex-grow: 1;
}

.article a {
    text-decoration: none;
    font-size:2.5rem;
    color:inherit;
}

.article a:hover {
    text-decoration: underline;
}

.article a.read-more-link {
    font-size:1.5rem;
    text-align:right !important;
    text-decoration: underline;
}

.article p {
    font-size:1.5rem;
    text-align:justify;
}

.article img {
    width:100%;
}

@media only screen and (max-width:720px) {
    .article-container {
        display:block;
    }
    .article{
      width:100%;
      border-width:0;
      padding:0;
      border-bottom: 0.2rem solid #623e2a;
    }
    
}

@media only screen and (max-width:420px) {
    .article-container {
        display:block;
    }

    .article{
        width:100%;
        border-width:0;  
        padding:0;
        border-bottom: 0.2rem solid #623e2a;
    }
}