@media screen and (max-width:768px) {
	.google-maps {
		position: relative;
		padding-bottom: 110%;
		height: 0;
		border-style: solid;
		overflow: hidden;
	}
	
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

@media screen and (min-width: 769px) {
	.google-maps {
		position: relative;
		padding-bottom: 50%;
		height: 0;
		border-style: solid;
		overflow: hidden;
	}
	
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

@media screen and (min-width: 768px) {
	.side-nav {
		position: sticky;
		top: 6rem;
		overflow-y: scroll;
		max-height: 80vh;
	}
}

.none {
	display: none;
}

.responsive {
	border: 1px solid red;
	background-size: contain;
	width: 100%;
	height: 270px;
}

.title h1 {
	color: white;
	text-shadow: 3px 3px 4px #000000;
	opacity: .5;
}

.title h2 {
	color: white;
	text-shadow: 3px 3px 4px #000000;
}

.bodyh3 h3 {
	color: white;
	text-shadow: 3px 3px 4px #000000;
}

.glow h1 {
	color: white;
	text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black;
}

.glow {
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 1px black, 0 0 1px black, 0 0 2px black, 0 0 2px black, 0 0 4px black, 0 0 5px black;
	opacity: 1;
}

.marquee {
	display: flex;
	overflow: hidden;
	height: 10vh;
	gap: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.marquee__group {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	min-width: 100%;
	animation: scroll 30s linear infinite reverse;
}

.marquee__group span {
	color: black;
	font-size: 5vw;
	font-weight: 800;
	white-space: nowrap;
	font-family: 'Syne', sans-serif !important;
}

@keyframes scroll {
	from {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(calc(-100% - 2rem));
	}
}

@media only screen and (min-width: 360px) {
	.marquee__group span {
		font-size: 40px;
	}
}

@media screen and (max-width:768px) {
	.desktop-only {
		display: none;
	}
}

/* Style the list */
ul.breadcrumb {
	padding: 0;
	list-style: none;
	background-color: none;
}

/* Display list items side by side */
ul.breadcrumb li {
	display: inline;
	font-size: .9rem;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
	padding: .25rem;
	color: black;
	content: "→️";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
	color: #050a44;
	text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
	color: #0050fe;
	text-decoration: underline;
}

.borderglow {
	border: 4px solid blue;
	animation: 3s infinite glow;
	border-radius: 10px;
}

@keyframes glow {
	0% {
		border-color: red;
	}
	
	20% {
		border-color: cyan;
	}
	
	40% {
		border-color: purple;
	}
	
	60% {
		border-color: lawngreen;
	}
	
	80% {
		border-color: yellow;
	}
	
	100% {
		border-color: deeppink;
	}
}

@-webkit-keyframes glow {
	0% {
		border-color: red;
	}
	
	20% {
		border-color: cyan;
	}
	
	40% {
		border-color: purple;
	}
	
	60% {
		border-color: lawngreen;
	}
	
	80% {
		border-color: yellow;
	}
	
	100% {
		border-color: deeppink;
	}
}

.simpleborder {
	border: 5px solid black;
}

@media screen and (max-width:480px) {
	.sidenav {
		display: none;
	}
}