/* ----------------------------------------- COMMON ----------------------------------------- */
h1 {
	font-size: 4.0rem;
}
/* ----------------------------------------- LAYOUT ----------------------------------------- */
#wrapper {
	height: auto!important;
	overflow-y: unset;
}
	.content {
		scroll-snap-align: none;
		height: auto!important;
		min-height: 100vh;
	}
		.content .body {
			padding-top: 120px;
		}


/*-------- FLEX --------*/
.flex {
	flex-wrap: nowrap;
}

/*-------- LIST --------*/
ul.thumbList {
	margin: 0 auto;
	width: 80%;
	max-height: unset;
	overflow-y: unset;
}
	.thumbList li {
		display: block;
		width: 19vw;
		padding: 8px;
	}

/* ----------------------------------------- CONTENT ----------------------------------------- */
/*-------- ABOUT --------*/
#about.content {
	background-position: center right;
}
		#about.content .body p {
			text-align: right;
			background-color: unset;
		}

/*-------- PRODUCTS --------*/
#products.content {
	
}
#products.content .body {
	overflow-x: hidden;
}
	#products.content .body .flex {
		display: block;
	}
#products.content h3 {
	padding: 16px 0;
}
#products.content .flex {
	flex-wrap: nowrap;
}

	#products.content .flex > li {
	}
		#products.content li h2 {
			margin: 0 0 -24px 16%;
			padding: 0;
			font-size: 2.4rem;
			text-align: left;
			background: unset;
		}
		#products.content .flex > li > div {
			display: flex;
			margin: 0 auto;
			width: 70%;
			min-width: 480px;
		}
			#products.content .flex > li > div > div {
				width: 50%;
				padding: 16px;
			}

/*-------- HOW TO USE --------*/
#howtouse.content {
	overflow: hidden;
}
#howtouse.content .body {
	display: block;
	overflow-x: hidden;
}
	#howtouse.content .body > div {
		height: auto;
	}

		#howtouse.content .body > div .stepList {
			height: auto;
			overflow-y: unset;
		}
		#howtouse.content .body > div h2 {
			padding: 32px 0 20px 0;
			font-size: 1.6rem;
		}