@media only screen {
	@media (max-width: 39.99em) {
		@media (prefers-color-scheme: light) {
			#body header.wrapper{
				background:url(/img/muon.svg) 85% 3em/10em no-repeat,url(/img/cof_orange_hex.svg) 66vw 1em/12.5em no-repeat,#fefefe;
			}
		}
		@media (prefers-color-scheme: dark) {
			#body header.wrapper{
				background:url(/img/muon.svg) 85% 3em/10em no-repeat,url(/img/cof_orange_hex.svg) 66vw 1em/12.5em no-repeat,#222;
			}		
		}
		.chapter:nth-of-type(even) .txt{
			padding-right:10%;padding-left:0;
		}
		.chapter:nth-of-type(odd) .txt{
			padding-left:10%;padding-right:0;
		}
		#complete .txt{
			padding-left:10%;padding-right:0;
			background:url(/img/applications-office.png) 50% 11.5em/14em no-repeat,url(/img/audio-headphones.svg) -2% 12.5em/12em no-repeat,url(/img/pitivi.png) 15% 10em/12.5em no-repeat;
		}
		#complete .txt h2{
			margin-bottom:6em;
		}
		#complete .txt3{
			background:url(/img/win-logo-multi.svg) 50vw top/14em no-repeat;
			padding-right:10%;
		}
	}
	@media (min-width: 40em) {
	/* For tablets: */
		@media (prefers-color-scheme: light) {
			#body header.wrapper{
				background:url(/img/muon.svg) 85% center/13.75em no-repeat,url(/img/cof_orange_hex.svg) 105% 6em/20em no-repeat,#fefefe;
			}
		}
		@media (prefers-color-scheme: dark) {
			#body header.wrapper{
				background:url(/img/muon.svg) 85% center/13.75em no-repeat,url(/img/cof_orange_hex.svg) 105% 6em/20em no-repeat,#222;
			}
		}
		.chapter:nth-of-type(even) .txt{
			padding-right:33%;padding-left:0;
		}
		.chapter:nth-of-type(odd) .txt{
			padding-left:33%;padding-right:0;
		}
		#complete .txt{
			padding-left:33%;padding-right:0;
			background:url(/img/applications-office.png) 15% 80%/14em no-repeat,url(/img/audio-headphones.svg) -2% 80%/12em no-repeat,url(/img/pitivi.png) 5% 50%/12.5em no-repeat;
		}
		#complete .txt3{
			background:url(/img/wine.png) 105% 80%/16em no-repeat,url(/img/win-logo-multi.svg) 95% 50%/14em no-repeat;
			padding-right:33%;
		}
		#floss .txt{
			background:url(/img/BabyGnuAlpha.png) 0% 1.25em/16.25em no-repeat;
		}
		#secured .txt{
			background:url(/img/changes-prevent.svg) 95% 80%/8em no-repeat,url(/img/user-home.svg) 90% center/12em no-repeat;
		}
		#reliable .txt{
			background:url(/img/face-smirk-symbolic.svg) -5% 85%/18.75em no-repeat;
		}
		#reliable .txt{
			background:url(/img/face-smirk-symbolic.svg) -5% 85%/18.75em no-repeat;
		}
	}
}