#plan {
    padding: 40px 20px;
    width: 100%;
}

.container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

.container p a {
    text-decoration: underline;
}

#route {
    display: none;
    border: 0;
    width: 100%;
    height: 800px !important;
}

@media(max-width: 1064px) {   
    #route {
        height: 3250px !important;
    }
}

.css3-spinner {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	margin: 0;
	visibility: hidden;
	z-index: 10000;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(27, 38, 70, 0.82);
}

.css3-spinner > .css3-spinner-scaler {
	width: 96px;
	height: 96px;
	background: transparent;
	border: 10px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: route-spinner-rotate 0.8s linear infinite;
}

@keyframes route-spinner-rotate {
	to {
		transform: rotate(360deg);
	}
}