* {
			box-sizing: border-box;
		}

		/*   TOP-BAR CSS */
		:root {
			--primary: #ddd;
			--dark: #333;
			--light: #fff;
			--ivory: #FFFFF0;
			--shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
		}

		.container {
			width: auto;
		}

		/* START SLIDER ACTION CSS */
		#wowslider-container1 {
			display: table;
			zoom: 1;
			position: relative;
			width: 100%;
			max-width: 800px;
			max-height: 600px;
			margin: auto;
			z-index: 90;
			text-align: left;
			/* reset align=center */
			margin-bottom: 200px;
		}

		* html #wowslider-container1 {
			width: 800px;
		}

		#wowslider-container1 .ws_images ul {
			position: relative;
			width: 10000%;
			height: 100%;
			left: 0;
			list-style: none;
			margin: 0;
			padding: 0;
			border-spacing: 0;
			overflow: visible;
			/*table-layout: fixed;*/
		}

		#wowslider-container1 .ws_images ul li {
			position: relative;
			width: 1%;
			height: 100%;
			line-height: 0;
			/*opera*/
			overflow: hidden;
			float: left;
			/*font-size: 0;*/
			padding: 0 0 0 0 !important;
			margin: 0 0 0 0 !important;
		}

		#wowslider-container1 .ws_images {
			position: relative;
			left: 0;
			top: 0;
			height: 100%;
			max-height: 600px;
			max-width: 800px;
			vertical-align: top;
			border: none;
			overflow: hidden;
		}

		#wowslider-container1.ws_gestures {
			cursor: -webkit-grab;
			cursor: -moz-grab;
			cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
		}

		#wowslider-container1.ws_gestures.ws_grabbing {
			cursor: -webkit-grabbing;
			cursor: -moz-grabbing;
			cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
		}


		#wowslider-container1 .ws_images>ul {
			animation: wsBasic 200s infinite;
			-moz-animation: wsBasic 200s infinite;
			-webkit-animation: wsBasic 200s infinite;
		}

		@keyframes wsBasic {
			0% {
				left: -0%
			}

			1% {
				left: -0%
			}

			2% {
				left: -100%
			}

			3% {
				left: -100%
			}

			4% {
				left: -200%
			}

			5% {
				left: -200%
			}

			6% {
				left: -300%
			}

			7% {
				left: -300%
			}

			8% {
				left: -400%
			}

			9% {
				left: -400%
			}

			10% {
				left: -500%
			}

			11% {
				left: -500%
			}

			12% {
				left: -600%
			}

			13% {
				left: -600%
			}

			14% {
				left: -700%
			}

			15% {
				left: -700%
			}

			16% {
				left: -800%
			}

			17% {
				left: -800%
			}

			18% {
				left: -900%
			}

			19% {
				left: -900%
			}

			20% {
				left: -1000%
			}

			21% {
				left: -1000%
			}

			22% {
				left: -1100%
			}

			23% {
				left: -1100%
			}

			24% {
				left: -1200%
			}

			25% {
				left: -1200%
			}

			26% {
				left: -1300%
			}

			27% {
				left: -1300%
			}

			28% {
				left: -1400%
			}

			29% {
				left: -1400%
			}

			30% {
				left: -1500%
			}

			31% {
				left: -1500%
			}

			32% {
				left: -1600%
			}

			33% {
				left: -1600%
			}

			34% {
				left: -1700%
			}

			35% {
				left: -1700%
			}

			36% {
				left: -1800%
			}

			37% {
				left: -1800%
			}

			38% {
				left: -1900%
			}

			39% {
				left: -1900%
			}

			40% {
				left: -2000%
			}

			41% {
				left: -2000%
			}

			42% {
				left: -2100%
			}

			43% {
				left: -2100%
			}

			44% {
				left: -2200%
			}

			45% {
				left: -2200%
			}

			46% {
				left: -2300%
			}

			47% {
				left: -2300%
			}

			48% {
				left: -2400%
			}

			49% {
				left: -2400%
			}

			50% {
				left: -2500%
			}

			51% {
				left: -2500%
			}

			52% {
				left: -2600%
			}

			53% {
				left: -2600%
			}

			54% {
				left: -2700%
			}

			55% {
				left: -2700%
			}

			56% {
				left: -2800%
			}

			57% {
				left: -2800%
			}

			58% {
				left: -2900%
			}

			59% {
				left: -2900%
			}

			60% {
				left: -3000%
			}

			61% {
				left: -3000%
			}

			62% {
				left: -3100%
			}

			63% {
				left: -3100%
			}

			64% {
				left: -3200%
			}

			65% {
				left: -3200%
			}

			66% {
				left: -3300%
			}

			67% {
				left: -3300%
			}

			68% {
				left: -3400%
			}

			69% {
				left: -3400%
			}

			70% {
				left: -3500%
			}

			71% {
				left: -3500%
			}

			72% {
				left: -3600%
			}

			73% {
				left: -3600%
			}

			74% {
				left: -3700%
			}

			75% {
				left: -3700%
			}

			76% {
				left: -3800%
			}

			77% {
				left: -3800%
			}

			78% {
				left: -3900%
			}

			79% {
				left: -3900%
			}

			80% {
				left: -4000%
			}

			81% {
				left: -4000%
			}

			82% {
				left: -4100%
			}

			83% {
				left: -4100%
			}

			84% {
				left: -4200%
			}

			85% {
				left: -4200%
			}

			86% {
				left: -4300%
			}

			87% {
				left: -4300%
			}

			88% {
				left: -4400%
			}

			89% {
				left: -4400%
			}

			90% {
				left: -4500%
			}

			91% {
				left: -4500%
			}

			92% {
				left: -4600%
			}

			93% {
				left: -4600%
			}

			94% {
				left: -4700%
			}

			95% {
				left: -4700%
			}

			96% {
				left: -4800%
			}

			97% {
				left: -4800%
			}

			98% {
				left: -4900%
			}

			99% {
				left: -4900%
			}
		}

		@-moz-keyframes wsBasic {
			0% {
				left: -0%
			}

			1% {
				left: -0%
			}

			2% {
				left: -100%
			}

			3% {
				left: -100%
			}

			4% {
				left: -200%
			}

			5% {
				left: -200%
			}

			6% {
				left: -300%
			}

			7% {
				left: -300%
			}

			8% {
				left: -400%
			}

			9% {
				left: -400%
			}

			10% {
				left: -500%
			}

			11% {
				left: -500%
			}

			12% {
				left: -600%
			}

			13% {
				left: -600%
			}

			14% {
				left: -700%
			}

			15% {
				left: -700%
			}

			16% {
				left: -800%
			}

			17% {
				left: -800%
			}

			18% {
				left: -900%
			}

			19% {
				left: -900%
			}

			20% {
				left: -1000%
			}

			21% {
				left: -1000%
			}

			22% {
				left: -1100%
			}

			23% {
				left: -1100%
			}

			24% {
				left: -1200%
			}

			25% {
				left: -1200%
			}

			26% {
				left: -1300%
			}

			27% {
				left: -1300%
			}

			28% {
				left: -1400%
			}

			29% {
				left: -1400%
			}

			30% {
				left: -1500%
			}

			31% {
				left: -1500%
			}

			32% {
				left: -1600%
			}

			33% {
				left: -1600%
			}

			34% {
				left: -1700%
			}

			35% {
				left: -1700%
			}

			36% {
				left: -1800%
			}

			37% {
				left: -1800%
			}

			38% {
				left: -1900%
			}

			39% {
				left: -1900%
			}

			40% {
				left: -2000%
			}

			41% {
				left: -2000%
			}

			42% {
				left: -2100%
			}

			43% {
				left: -2100%
			}

			44% {
				left: -2200%
			}

			45% {
				left: -2200%
			}

			46% {
				left: -2300%
			}

			47% {
				left: -2300%
			}

			48% {
				left: -2400%
			}

			49% {
				left: -2400%
			}

			50% {
				left: -2500%
			}

			51% {
				left: -2500%
			}

			52% {
				left: -2600%
			}

			53% {
				left: -2600%
			}

			54% {
				left: -2700%
			}

			55% {
				left: -2700%
			}

			56% {
				left: -2800%
			}

			57% {
				left: -2800%
			}

			58% {
				left: -2900%
			}

			59% {
				left: -2900%
			}

			60% {
				left: -3000%
			}

			61% {
				left: -3000%
			}

			62% {
				left: -3100%
			}

			63% {
				left: -3100%
			}

			64% {
				left: -3200%
			}

			65% {
				left: -3200%
			}

			66% {
				left: -3300%
			}

			67% {
				left: -3300%
			}

			68% {
				left: -3400%
			}

			69% {
				left: -3400%
			}

			70% {
				left: -3500%
			}

			71% {
				left: -3500%
			}

			72% {
				left: -3600%
			}

			73% {
				left: -3600%
			}

			74% {
				left: -3700%
			}

			75% {
				left: -3700%
			}

			76% {
				left: -3800%
			}

			77% {
				left: -3800%
			}

			78% {
				left: -3900%
			}

			79% {
				left: -3900%
			}

			80% {
				left: -4000%
			}

			81% {
				left: -4000%
			}

			82% {
				left: -4100%
			}

			83% {
				left: -4100%
			}

			84% {
				left: -4200%
			}

			85% {
				left: -4200%
			}

			86% {
				left: -4300%
			}

			87% {
				left: -4300%
			}

			88% {
				left: -4400%
			}

			89% {
				left: -4400%
			}

			90% {
				left: -4500%
			}

			91% {
				left: -4500%
			}

			92% {
				left: -4600%
			}

			93% {
				left: -4600%
			}

			94% {
				left: -4700%
			}

			95% {
				left: -4700%
			}

			96% {
				left: -4800%
			}

			97% {
				left: -4800%
			}

			98% {
				left: -4900%
			}

			99% {
				left: -4900%
			}
		}

		@-webkit-keyframes wsBasic {
			0% {
				left: -0%
			}

			1% {
				left: -0%
			}

			2% {
				left: -100%
			}

			3% {
				left: -100%
			}

			4% {
				left: -200%
			}

			5% {
				left: -200%
			}

			6% {
				left: -300%
			}

			7% {
				left: -300%
			}

			8% {
				left: -400%
			}

			9% {
				left: -400%
			}

			10% {
				left: -500%
			}

			11% {
				left: -500%
			}

			12% {
				left: -600%
			}

			13% {
				left: -600%
			}

			14% {
				left: -700%
			}

			15% {
				left: -700%
			}

			16% {
				left: -800%
			}

			17% {
				left: -800%
			}

			18% {
				left: -900%
			}

			19% {
				left: -900%
			}

			20% {
				left: -1000%
			}

			21% {
				left: -1000%
			}

			22% {
				left: -1100%
			}

			23% {
				left: -1100%
			}

			24% {
				left: -1200%
			}

			25% {
				left: -1200%
			}

			26% {
				left: -1300%
			}

			27% {
				left: -1300%
			}

			28% {
				left: -1400%
			}

			29% {
				left: -1400%
			}

			30% {
				left: -1500%
			}

			31% {
				left: -1500%
			}

			32% {
				left: -1600%
			}

			33% {
				left: -1600%
			}

			34% {
				left: -1700%
			}

			35% {
				left: -1700%
			}

			36% {
				left: -1800%
			}

			37% {
				left: -1800%
			}

			38% {
				left: -1900%
			}

			39% {
				left: -1900%
			}

			40% {
				left: -2000%
			}

			41% {
				left: -2000%
			}

			42% {
				left: -2100%
			}

			43% {
				left: -2100%
			}

			44% {
				left: -2200%
			}

			45% {
				left: -2200%
			}

			46% {
				left: -2300%
			}

			47% {
				left: -2300%
			}

			48% {
				left: -2400%
			}

			49% {
				left: -2400%
			}

			50% {
				left: -2500%
			}

			51% {
				left: -2500%
			}

			52% {
				left: -2600%
			}

			53% {
				left: -2600%
			}

			54% {
				left: -2700%
			}

			55% {
				left: -2700%
			}

			56% {
				left: -2800%
			}

			57% {
				left: -2800%
			}

			58% {
				left: -2900%
			}

			59% {
				left: -2900%
			}

			60% {
				left: -3000%
			}

			61% {
				left: -3000%
			}

			62% {
				left: -3100%
			}

			63% {
				left: -3100%
			}

			64% {
				left: -3200%
			}

			65% {
				left: -3200%
			}

			66% {
				left: -3300%
			}

			67% {
				left: -3300%
			}

			68% {
				left: -3400%
			}

			69% {
				left: -3400%
			}

			70% {
				left: -3500%
			}

			71% {
				left: -3500%
			}

			72% {
				left: -3600%
			}

			73% {
				left: -3600%
			}

			74% {
				left: -3700%
			}

			75% {
				left: -3700%
			}

			76% {
				left: -3800%
			}

			77% {
				left: -3800%
			}

			78% {
				left: -3900%
			}

			79% {
				left: -3900%
			}

			80% {
				left: -4000%
			}

			81% {
				left: -4000%
			}

			82% {
				left: -4100%
			}

			83% {
				left: -4100%
			}

			84% {
				left: -4200%
			}

			85% {
				left: -4200%
			}

			86% {
				left: -4300%
			}

			87% {
				left: -4300%
			}

			88% {
				left: -4400%
			}

			89% {
				left: -4400%
			}

			90% {
				left: -4500%
			}

			91% {
				left: -4500%
			}

			92% {
				left: -4600%
			}

			93% {
				left: -4600%
			}

			94% {
				left: -4700%
			}

			95% {
				left: -4700%
			}

			96% {
				left: -4800%
			}

			97% {
				left: -4800%
			}

			98% {
				left: -4900%
			}

			99% {
				left: -4900%
			}
		}

		#wowslider-container1 .ws_shadow {
			background-image: url(images/img/bg.png);
			background-repeat: no-repeat;
			background-size: 100%;
			position: absolute;
			z-index: -1;
			left: -4.13%;
			top: -3.17%;
			width: 108.25%;
			height: 106%;
		}

		/* END SLIDER ACTION CSS */



		/* SIZES IMAGE AS PAGE IS SLID IT SIZES WITH PAGE */
		img {
			max-width: 100%;
			height: auto;
		}


		html {
			box-sizing: border-box;
			font-family: Arial, Helvetica, sans-serif;
			color: var(--dark);
		}

		body {
			background-image: url('bg-slides.jpg');
			background-size: cover;
			background-position: center;
			height: 100vh;
		}

		/* Just for the fallback layout */

		.main-nav {
			max-width: 500px;
			margin: 0 auto;
		}

		.main-nav a {
			display: block;
			text-decoration: none;
			padding: 0.8rem;
			text-align: center;
			color: var(--light);
			text-transform: uppercase;
			font-size: 1.1rem;
		}

		/* 
.main-nav a:hover {
  background: var(--dark);
  color: var(--light);
}
*/


		.article {
			margin: 1rem 0;
		}

		/* Now lets do a Grid-based layout */

		@supports (display: grid) {
			.main-nav {
				max-width: 10000px;
				margin: 0;
			}

			article {
				margin: 0;
			}

			/*  Class  deals   */
			.deals {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
				grid-gap: 1rem;
				font-family: Avenir, Roboto, Helvetica, san-serif;
				font-size: 80%;
				padding: 10px;

			}


			.item {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
				border-radius: 1rem;
				background-color: var(--ivory);
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
				font-size: 80%;
				padding: 1rem;
			}

			.item>h1 {
				margin: 1rem 1rem 0;
				font-size: 1.2rem;
			}

			.item>p {
				margin: 0.15em 1rem 1rem;
			}

			.item>img {
				order: -1;
				align-self: center;
				border-radius: 0.5rem;
			}


			/*   Class  ads   */
			.ads {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
				grid-gap: 1rem;
				border: solid black 2px;
			}

			.item-ad {
				border: solid red 5px;
			}

			/*    Class  footer   */
			.footer {
				margin: 2rem 0rem;
				background: var(--dark);
				color: var(--light);
				text-align: center;
				padding: 1rem;

			}

		}

		/* Ends @supports (display: grid) */



		@media (max-width:880px) {

			.deals {
				background-color: blue;
			}

			.container {

				width: auto;
				margin: 0px;
				overflow: hidden;
			}

		}