@media only screen {
	@media (max-width: 39.99em) {
		@media (prefers-color-scheme: light) {
			#body header.wrapper{
				background:#fefefe url(/img/cof_orange_hex.svg) 110% 1em/14em no-repeat;
			}
		}
		@media (prefers-color-scheme: dark) {
			#body header.wrapper{
				background:#222 url(/img/cof_orange_hex.svg) 110% 1em/14em no-repeat;
			}
		}
		#performance .txt{
			padding-left:10%;padding-right:0;
		}
		#compatible .txt{
			padding-right:10%;padding-left:0;
		}
		#adapt .txt{
			padding-left:10%;padding-right:0;
		}
		#secured{
			background:url(/img/changes-prevent.svg) 105% 2em/6em no-repeat,url(/img/user-home.svg) 98% 1em/7em no-repeat;
		}
		#secured h2{
			padding-right:1em;
		}
	}
	@media (min-width: 40em) {
	/* For tablets: */
		@media (prefers-color-scheme: light) {
			#body header.wrapper{
				background:#fefefe url(/img/cof_orange_hex.svg) 100% 1em/24em no-repeat;
			}
		}
		@media (prefers-color-scheme: dark) {
			#body header.wrapper{
				background:#222 url(/img/cof_orange_hex.svg) 100% 1em/24em no-repeat;
			}
		}
		#secured{
			background:url(/img/changes-prevent.svg) 95% 80%/8em no-repeat,url(/img/user-home.svg) 90% center/12em no-repeat;
		}
		#floss .txt{
			background:url(/img/BabyGnuAlpha.png) -7% 1em/18em no-repeat;
		}
		#complete .txt{
			background:url(/img/applications-office.png) 85% 100%/15em no-repeat,url(/img/audio-headphones.svg) 105% 85%/14em no-repeat,url(/img/pitivi.png) 95% 50%/12.5em no-repeat;
		}
		#performance .txt{
			background:url(/img/starred.svg) -10% 1.25em/21.875em no-repeat;
			padding-left:33%;padding-right:0;
		}
		#compatible .txt{
			background:url(/img/camera-photo.svg) 100% 110%/7em no-repeat,url(/img/computer-laptop.svg) 105% 10%/12.5em no-repeat,url(/img/audio-card.svg) 80% 100%/6.25em no-repeat,url(/img/printer.png) 80% 30%/10em no-repeat;
			padding-right:33%;padding-left:0;
		}
		#adapt .txt{
			background:url(/img/input-mouse.svg) 0% 65%/16em no-repeat;
			padding-left:33%;padding-right:0;
		}
	}
}