:root { --dark-bg: #468A37; --body-bg: #ddd; --content-bg: #eee; --white: #ffffff; } body { background-color: var(--body-bg); } .wrapper { background-color: var(--content-bg); } .content{ min-height: calc(100vh - 65px - 61px); } nav, nav h1 { background-color: var(--dark-bg); color: white; } nav img{ height: 55px; } nav a span { color: var(--white); display: block; text-align: center; font-size: 13px; position: relative; top: -3px; } nav a svg, nav a i { color: var(--white); display: inline-block; } .bi { font-size: 25px; } #map{ height: calc(100vh - 120px - 2em); min-height: 200px; }