body { // font-family: 'Trebuchet MS', Tahoma,sans-serif; // font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-family: "Open Sans",Helvetica,Arial,sans-serif; margin: 0; background: $background-dark; color: white; } * { box-sizing: border-box; } article { font-size: 1.1rem; } .alt-font { font-family: "Teko Light",Helvetica,Arial,sans-serif; } h1, h2, h3 { @extend .alt-font; } h1 { font-size: 1.75rem; color: $secondary; margin: 1.5rem 0 1rem 0; } h2 { font-size: 1.4rem; color: $primary; margin-top: 1.5rem; margin-bottom: .5rem; } h3 { margin: 0; padding-top: 1em; padding-bottom: .5em; } a { color: $primary; } a:hover { opacity: 0.8; } .maplibre-map { width: 100%; min-height: 25rem; } .columns-two { display: grid; grid-template-columns: 1fr 1fr; } .half-wheel-logo { color: white; } @media (max-width: $md-breakpoint) { .columns-two { grid-template-columns: 1fr; >div { margin-bottom: 1rem; } dl:first-of-type { margin-top: 0; } } }