/*
	--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: 960px) {
	main {
		background-attachment: fixed;
		background-size: cover;
		background-position-x: center;
	}
}
  
@media (max-width: 960px) {
	:root {
		--header-height: 92px;
	}
	nav {
		border-radius: 0;
		margin-top: 0;
		border-radius: unset;
	}
	nav, nav a {
		height: unset;
	}
	main {
		background-position-y: 0;
	}
	#content {
		margin-top: var(--header-height);
		border-radius: unset;
	}
	header h1 {
		padding-left: .25em;
		padding-top: 2px;
		font-size: 2em;
		letter-spacing: normal;
	}
}

@media (min-width: 960px) {
	/* nav addition */
	.uk-child-width-1-8\@m > * {
		width: calc(100% / 8);
	}
}