/* Havenoverzicht, /havens/. Een HTML-boom voor alle breedtes. */

.hv-kop { margin-top: 40px; }
.hv-lede { max-width: 68ch; margin-bottom: 32px; }
.hv-sectie { margin-bottom: 40px; }
.hv-sectie-titel { font-size: 26px; margin: 0; }

@media (max-width: 1024px) {
    .hv-sectie-titel { font-size: 24px; }
}

@media (max-width: 720px) {
    .hv-kop { margin-top: 24px; }
    .hv-lede { margin-bottom: 20px; }
    .hv-sectie { margin-bottom: 28px; }
    .hv-sectie-titel { font-size: 21px; }
}