body {
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 500px) {
	section.slides {
		width: 100%;
		overflow: auto;
		position: relative;
		z-index: 0;
		margin-top: -80px;
	}
	section.slides .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		background-image: url(images/sales_slide_a_mobile.jpg);
		background-repeat: no-repeat;
		background-position:bottom center;
		background-size: cover;
		height: 80vw;
		background-color: black;
	}
	section.list {}
	section.list>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1200px;
		padding-bottom: 70px;
	}
	section.list>.intro {
		overflow: auto;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		font-family: 'Nunito', sans-serif;
	}
	section.list>.intro h1 {
		text-align: center;
		font-size: 25px;
		padding: 0 10px;
	}
	section.list>.intro h2 {
		text-align: center;
		font-size: 18px;
	}
	section.list>.wrap .products {
		overflow: auto;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	section.list>.wrap .products .item {
		width: 50%;
	}
	section.list>.wrap .products .item>.innr{
		height: 100%;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.slides {
		width: 100%;
		overflow: auto;
		position: relative;
		z-index: 0;
	}
	section.slides .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		background-image: url(images/sales_slide_a.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 45vw;
		background-color: black;
	}
	section.list {}
	section.list>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1200px;
		padding-bottom: 70px;
	}
	section.list>.intro {
		overflow: auto;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		font-family: 'Nunito', sans-serif;
	}
	section.list>.intro h1 {
		text-align: center;
		font-size: 40px;
	}
	section.list>.intro h2 {
		text-align: center;
	}
	section.list>.wrap .products {
		overflow: auto;
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	section.list>.wrap .products .item {
		width: 33.333%;
		min-width: 240px;
	}
	section.list>.wrap .products .item>.innr{
		height: 100%;
	}
}
@media screen and (min-width: 801px) {
	section.slides {
		width: 100%;
		overflow: auto;
		margin-top: -150px;
		position: relative;
		z-index: 0;
	}
	section.slides .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		background-image: url(images/sales_slide_a.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 600px;
		background-color: black;
	}
	section.list {}
	section.list>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1200px;
		padding-bottom: 70px;
	}
	section.list>.intro {
		overflow: auto;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		font-family: 'Nunito', sans-serif;
	}
	section.list>.intro h1 {
		text-align: center;
		font-size: 40px;
	}
	section.list>.intro h2 {
		text-align: center;
	}
	section.list>.wrap .products {
		overflow: auto;
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	section.list>.wrap .products .item {
		width: 20%;
		min-width: 230px;
	}
	section.list>.wrap .products .item>.innr{
		height: 100%;
	}
}