.legal-row {
    display: flex;
    flex-wrap: wrap;
    max-width: 900px; 
}

.legal-column {
    flex: 1 1 50%;
    display: flex!important;
    flex-direction: column;
    box-sizing: border-box;
    padding-bottom: 15px;
}

.left-legal-column div.ln-box, .right-legal-column div.ln-box {
  background-color: #ddd;
  padding: 15px;
  padding-bottom: 25px;
  margin-right: 15px;
  flex: 1;
  box-sizing: border-box;
}

.left-legal-column div.ln-box, .right-legal-column div.ln-box a {
  font-weight: normal;
}
.span-2-rows {
    flex: 2!important; /* Span 2 rows */
}


@media (max-width: 860px) {
    .legal-column {
        flex: 1 1 100%;
    }
    .span-2-rows {
        flex: 1; /* Reset span to 1 row on small screens */
    }
}