body {
            margin:0;
            padding:0;
           font-family: "IBMPlexSerif-Regular";
        }
        a, a:hover, a:visited {
            color: #0071bc;
        }
p {
	font-size:16px !important;
    margin-bottom: 0 !important;
}
        #map {
            top:0;
            height: 100vh;
            width:100vw;
            position: fixed;
        }
        #header {
            margin: auto;
            width: 100%;
            position: relative;
            z-index: 5;
        }
        #header h1, #header h2, #header p {
            margin: 0;
            padding: 2vh 2vw;
            text-align: center;
        }
        #footer {
            width: 100%;
            min-height: 5vh;
            padding-top: 2vh;
            padding-bottom: 2vh;
            text-align: left;
            line-height: 36px;
            font-size: 24px;
            position: relative;
            z-index: 5;
        }
        #footer > p{
          width: 60%;
          font-family: serif;
          margin: 0 auto;
        }
        #features {
            padding-top: 10vh;
            padding-bottom: 10vh;
        }
        #features h3 {
            font-size:1.4em;
            margin-bottom: 0.5em;
            font-weight: bold;
        }
        #features p {
            line-height: 1.75;
        }
        .hidden {
            visibility: hidden;
        }
        .centered {
            width: 50vw;
            margin: 0 auto;
        }
        .lefty {
            width: 33vw;
            margin-left: 5vw;
        }
        .righty {
            width: 33vw;
            margin-left: 62vw;
        }
        .fully {
            width: 100%;
            margin: auto;
        }
        .light {
            color: #444;
            background-color: #F3EFE5;
            border-radius: 8px;
        }
        .light h3 {
            color: #B23B32;
        }
        .light a {
            color: #B23B32;
            display: block;
            padding: 4px;
            align: center;
        }
        .light a:hover {
            color: #F3EFE5;
            background: #B23B32;
        }
        .dark {
            color: #fafafa;
            background-color: #444;
        }
        .step {
            padding-bottom: 50vh;
            /* margin-bottom: 10vh; */
            opacity: 0.25;
        }
        .step.active {
            opacity: 0.9;
        }

        .step div {
            padding:  15px 30px;
            line-height: 25px;
            font-size: 13px;
        }

        .step img {
            width: 100%;
        }

        @media (max-width: 750px) {
            .centered, .lefty, .righty, .fully {
                width: 90vw;
                margin: 0 auto;
            }
        }

        /* Fix issue on mobile browser where scroll breaks  */
        .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, 
        .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
            touch-action: unset;
        }