/*
	--uk-breakpoint-s: 640px;
	--uk-breakpoint-m: 960px;
	--uk-breakpoint-l: 1200px;
	--uk-breakpoint-xl: 1600px;
*/

@media (min-width: 1200px) {
	#ef-home-intro-text {
		position: absolute;
		z-index: 2;
		right: 20px;
		top: 40px;
		right: 0;
		top: 10px;
		margin: 20px 30px; 
		width: min(50%, 480px, 100%);		
	}
	#ef-home-photos {
		position: relative;
		z-index: 1;		
	}
}

@media (max-width: 960px) {
	#ef-home-banner > div {
		width: calc(100% - 90px);
	}
}

@media (max-width: 640px) {
	nav > div:nth-of-type(2) {
		overflow-y: scroll;
	}
	main {
		margin-top: calc(var(--ef-nav-height) - 20px);
	}
	header {
		position: fixed;
		top: calc(var(--ef-nav-height) * -1 + 38px);
	}
	#ef-nav-home {
		position: absolute;
		width: 80px;
		height: 60px;
		top: 0px;
		z-index: 1;
		right: 0;
	}
	nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		margin: 0;
		padding-top: var(--ef-nav-height);
		overflow: hidden;
		border-radius: 0;
		max-width: 0;
		transition: max-width .25s;
	}
	nav > div > ul {
		text-align: left;
	}
	nav > div > ul > li {
		height: unset;
	}
	nav > div > ul > li > a {
		color: var(--ef-green);
		padding: 5px 10px;
		background-color: #fff;
		font-weight: 600;
	}
	nav > div > ul {
		display: block;
	}
	nav > div ul ul {
		position: relative;
		top: auto;
		max-height: unset;
		backdrop-filter: none;
		box-shadow: none;
		background-color: transparent;
		padding: 0 .66em;
	}
	nav > div ul label {
		color: #333;
	}
	nav > div > ul ul a {
		color: #fff;
	}

	/* Mobile nav toggle button */
	#nav-toggle {
		display: block;
		position: relative;
		z-index: 9;
		margin: 0.5rem;
		border: none;
		border-radius: 9999px;
		width: 3rem;
		height: 3rem;
		padding: 0.5rem;
		background: none;
		transition: ease 0.1s;
	}
	#nav-toggle:hover,
	#nav-toggle:focus {
		border: 2px solid #fff;
	}

	footer #ef-footer-title {
		background-image: unset;
		padding-left: unset;
	}

	.uk-countdown-number,
	.uk-countdown-separator,
	.uk-countdown-label {
		color: #fff;
		font-size: 2rem;
	}
	.uk-countdown-label,
	.uk-countdown-separator {
		position: relative;
		top: -1rem;
		font-size: 1rem;
	}
}