.portalsection {
margin: 1rem 0;
}
.portalsection:first-of-type {
margin-top: 0;
}
.portalsection:last-of-type {
margin-bottom: 0;
}
.portalsection hr {
margin-top: 0.33rem;
}
.portalsection-title {
font-size: 120%;
font-weight: bold;
line-height: 1.1rem;
}
.portalsection-content {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.portalsection-content--wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
gap: 0.5rem;
}
.portalsection-content--wrap > .portalbox {
flex: 1 1 calc(50% - 0.5rem);
min-width: 15rem;
max-width: calc(50% - 0.25rem);
box-sizing: border-box;
}
@media (max-width: 720px) {
.portalsection-content--wrap > .portalbox {
flex-basis: 100%;
max-width: 100%;
}
}