#slideshow
{
	position: absolute; 
	width: 100%; 
	height: calc(100% - 125px);
	z-index: 1;
	overflow: hidden;
}

#slideshow > img 
{
	pointer-events: none;
	
	transition: opacity 2s;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -10;
	object-fit: cover;
}

#slideshow > img.no-show
{
	opacity: 0;
}

#content {
	background-image: inherit;
	z-index: 2;
}

#footer {
	z-index: 2;
}

#logo-container {
	/*background: rgba(255, 255, 255, 0.8);*/
	background: rgba(238, 224, 200, 0.8);
	border: 5px solid var(--color-accent);
	border-radius: 100px;
	padding: 25px;

	animation: flashing-border 5s infinite;

}

@keyframes flashing-border {
	0%, 100% {
		border-color: var(--color-accent);
	}
	50% {
		border-color: var(--color-foreground);
	}
}

@media (max-width: 600px) {
	#nav-mobile-dropdown {
		z-index: 2;
	}
}