:root {
	--uk-breakpoint-s: 640px;
	--uk-breakpoint-m: 960px;
	--uk-breakpoint-l: 1200px;
	--uk-breakpoint-xl: 1600px;
}

/* mobile browser do not support 
   background-attachment: fixed for performance reasons,
   the following fix enables it only on desktop */
@media only screen and (min-width: 64.063em) {
	main {
		background-attachment: fixed;
		background-position-y: var(--header-height);
		/* background-position: center; */
	}
}

@media (max-width: 960px) {
	:root {
		--header-height: 46px;
	}
	main {
		background-position-y: 0;
	}
	header h1 {
		padding-left: .25em;
		font-size: 2em;
		margin-top: 0;
	}
	.ef-menubutton {
		width: 35px;
		height: 1em;
		top: 8px;
	}

	#ef-condetails {
		writing-mode: unset;
		transform: none;
	}
	#ef-condetails > * {
		left: 0;
		text-align: left;
		background-color: #000;
		/* padding: 0 8px; */
		border-radius: 8px;
		margin-bottom: 4px;
	}
}
