@media (max-width: 640px) and (min-width: 0) {



	html {
		font-size: 2.777vw;
	}
	
	.setWrapper {
		width: calc(100% - 3.2rem);
		margin: 4.8rem auto;
	}
	
	/* ---------------------------------------- */
	/* ----- >>> Styles ----------------------- */
	/* ---------------------------------------- */
	
	h1 			{ font-size: 3.8rem; line-height: 1.00em; margin-bottom: 1.6rem; letter-spacing: unset; }
	h2 			{ font-size: 2.1rem; line-height: 1.25em; margin-bottom: 1.6rem; letter-spacing: unset; }
	h3 			{ font-size: 1.8rem; line-height: 1.25em; margin-bottom: 1.6rem; letter-spacing: unset; }
	h4 			{ font-size: 1.7rem; line-height: 1.25em; margin-bottom: 1.6rem; letter-spacing: unset; }
	p 				{ font-size: 1.6rem; line-height: 1.50em; margin-bottom: 1.6rem; letter-spacing: unset; }
	small 		{ font-size: 1.6rem; line-height: 1.50em; margin-bottom: 1.6rem; letter-spacing: unset; }
	blockquote	{ font-size: 3.4rem; line-height: 1.20em; margin-bottom: 1.6rem; letter-spacing: unset; }
	
	em {
		font-size: 1.6rem;
	}
	
	h1 > em {
		transform: translateY(-1.6rem);
	}
	
	p.isAlt {
		font-size: 1.4rem;
	}
	
	small.isAlt { 
		margin-top: 0.8rem; 
		font-size: 1.2rem;
	}
	
	blockquote.isAlt {
		line-height: 0.90em;
		font-size: 6.4rem;
	}
	
	header a > u:before {
		display: none !important;
	}
	
	/* ---------------------------------------- */
	/* ----- >>> Navegation ------------------- */
	/* ---------------------------------------- */
	
	header .setWrapper,
	footer .setWrapper {
		margin: 2.4rem auto;
		min-height: 3.2rem;
	}
	
	header .setWrapper {
		width: calc(100% - 2.4rem);
		margin-top: 0.8rem;
	}
	
	header nav {
		width: 100%;
		background: var(--font-color);
		color: var(--main-color);
		padding: 7.2rem 2.4rem;
		position: fixed;
		display: none;
		left: 0;
		top: 0;
	}
	
	header nav > ul {
		flex-direction: column;
		gap: 0;
	}
	
	header nav > ul,
	header .logoCont{
	width: auto;
	}
	
	header nav > ul:nth-of-type(2){
			justify-content: initial;
	}
	
	header nav > ul:not(:last-of-type) > li {
		border-bottom: thin solid rgba(37, 40, 27, 0.5);
		padding: 0.6rem 0.0rem;
	}
	
	header nav > ul:last-of-type {
		display: flex;
	}
	
	/* ---------------------------------------- */
	
	footer > .setWrapper > div > * ul,
	footer > .setWrapper > div > * small {
		font-size: 1.6rem;
	}
	
	footer > .setWrapper > div > * p {
		font-size: 1.6rem;
	}
	
	footer > .setWrapper > div > * ul {
		flex-direction: column;
		gap: 0.4rem;
	}
	
	footer > .setWrapper > div > * > :last-child {
		min-width: auto;
	}
	
	footer > .setWrapper > div  form * p {
		text-transform: uppercase;
		letter-spacing: 0.05em;
		font-size: 1.4rem;
		font-weight: 500;
	}
	
	footer > .setWrapper > div  form * p:after {
		width:  2.0rem;
		height: 2.0rem;
		line-height: 1.8rem;
		border-width: thin;
		font-size: 1.6rem;
		top: -0.4rem;
	}
	
	footer > .setWrapper > div > div:nth-child(4) {
		flex-direction: column;
	}
	
	footer > .setWrapper > div > div:nth-child(3) > p {
		line-height: 1.25em;
		max-width: 28rem;
		font-size: 2.1rem;
	}
	
	footer > .setWrapper > div > div:nth-child(4) > small{
		line-height: 1.40em;
		font-size: 1.2rem;
	}
	
	/* ---------------------------------------- */
	
	.setExtra > p > span { 
		padding-right: 2.6rem;
		white-space: nowrap;
		font-size: 1.6rem;
	}
	
	.setExtra > p > span:after {
		font: 300 1.8rem/2.0rem 'Robert', sans-serif;
	}
	
	.setExtra p {
		font-size: 1.3rem !important;
	}
	
	/* ---------------------------------------- */
	/* ----- >>> Section: Home ---------------- */
	/* ---------------------------------------- */
	
	.setBND {
		width: 100%;
		padding: 0.0rem 0.0rem;
		margin: 2.5vh 0.0rem;
		flex-wrap: wrap;
		display: flex;
	}
	
	body:not(.isDone) .setBND > li:nth-child(1) { width: 50%; transform: translate(+01.0rem, +00.0rem); }
	body:not(.isDone) .setBND > li:nth-child(2) { width: 50%; transform: translate(+00.0rem, +08.0rem); }
	body:not(.isDone) .setBND > li:nth-child(3) { width: 50%; transform: translate(+03.0rem, -03.0rem); }
	body:not(.isDone) .setBND > li:nth-child(4) { width: 45%; transform: translate(+03.0rem, +06.0rem); }
	
	@keyframes isS01 {
		000% { transform: translate(+01.0rem, +00.0rem); }
		010% { transform: translate(+01.0rem, +03.0rem); }
		020% { transform: translate(+01.0rem, +00.0rem); }
		040% { transform: translate(+01.0rem, +02.0rem); }
		060% { transform: translate(+01.0rem, +00.0rem); }
		080% { transform: translate(+01.0rem, +01.0rem); }
		100% { transform: translate(+01.0rem, +00.0rem); }
	}
	
	@keyframes isS02 {
		000% { transform: translate(+00.0rem, +08.0rem); }
		010% { transform: translate(+00.0rem, +11.0rem); }
		020% { transform: translate(+00.0rem, +08.0rem); }
		040% { transform: translate(+00.0rem, +10.0rem); }
		060% { transform: translate(+00.0rem, +08.0rem); }
		080% { transform: translate(+00.0rem, +09.0rem); }
		100% { transform: translate(+00.0rem, +08.0rem); }
	}
	
	@keyframes isS03 {
		000% { transform: translate(+03.0rem, -03.0rem); }
		010% { transform: translate(+03.0rem, -00.0rem); }
		020% { transform: translate(+03.0rem, -03.0rem); }
		040% { transform: translate(+03.0rem, -01.0rem); }
		060% { transform: translate(+03.0rem, -03.0rem); }
		080% { transform: translate(+03.0rem, -02.0rem); }
		100% { transform: translate(+03.0rem, -03.0rem); }
	}
	
	@keyframes isS04 {
		000% { transform: translate(+03.0rem, +06.0rem); }
		010% { transform: translate(+03.0rem, +09.0rem); }
		020% { transform: translate(+03.0rem, +06.0rem); }
		040% { transform: translate(+03.0rem, +08.0rem); }
		060% { transform: translate(+03.0rem, +06.0rem); }
		080% { transform: translate(+03.0rem, +07.0rem); }
		100% { transform: translate(+03.0rem, +06.0rem); }
	}
	
	section:nth-of-type(1) {
		height:  100vh;
		padding-top: 0;
	}
	
	section:nth-of-type(1) .isGRD {
		display: none;
	}
	
	section:nth-of-type(1) .isTAC.isMB064 {
		margin-bottom: 4.8rem !important;
	}
	
	section:nth-of-type(1) .isTAC.isMB064 > * {
		margin-bottom: 0.8rem;
		line-height: 1.35em;
					font-size: 1.4rem;
	}
	
	/* ---------------------------------------- */
	
	section:nth-of-type(2) .setGrid,
	section:nth-of-type(4) .setGrid {
		padding: 0.0rem 2.4rem;
	}
	
	/* ---------------------------------------- */
	
	.setWrapper.isAlt {
		width:  calc(100% - 03.2rem);
		height: calc(100% - 09.6rem);
		left: 1.6rem;
	}
	
	/* ---------------------------------------- */
	
	.isINT {
		flex-direction: column;
		margin-bottom: 3.2rem;
	}
	
	.isINT > div:first-of-type { width: 100%; }
	.isINT > div:last-of-type  { width: 100%; }
	
	.isINT > .isMT016 > p:nth-child(2),
	.isINT > .isMT016 > p:nth-child(3) {
		margin-left: 4.8rem;
	}
	
	.isINT > div > p > span {
		position: absolute;
		left: -4.8rem;
	}
	
	.isSRC {
		margin: 8.0rem -1.6rem !important;
		width: calc(100% + 3.2rem);
	}
	
	.isSRC:before,
	.isSRC:after {
		font-size: 1.4rem;
		inset: unset;
	}
	
	.isSRC:before { top: 000%; left: 50%; transform: translate(-50%, -3.2rem);}
	.isSRC:after  { top: 100%; left: 50%; transform: translate(-50%, +2.4rem); }
	
	
	#Mosh .isINT > .isMT016 > p {
		margin-top: 1.6rem;
		font-size: 2.0rem;
	}
	
	/* ---------------------------------------- */
	
	#Material {
		background: rgb(036, 039, 028);
	}
	
	/* ---------------------------------------- */
	
	#Particulas canvas {
		height: 75vh;
	}
	
	#Particulas .isFIX {
		color: var(--alts-color);
		position: absolute;
		bottom: 0.0rem;
		left: 2.0rem;
	}
	
	/* ---------------------------------------- */
	
	#Biodegradacion .isCNT {
		width: 100%;
	}
	
	#Biodegradacion .isCNT > span {
		transform: translate(-50%,-50%);
		font-size: 36rem;
	}
	
	.isFCS {
		margin-top: 1.6rem !important;
		font-size: 1.4rem;
		font-weight: 500;
	}
	
	.isFCS > li {
		border-bottom: 0.1rem solid currentColor;
		padding: 0.9rem 0.0rem;
		gap: 3.2rem;
	}
	
	.isFCS:not(.isAlt) > li:first-of-type {
		font-size: 1.8rem;
	}
	
	.isFCS > li:nth-child(2) { justify-content: center; }
	
	
	.isFCS.isAlt {
		margin-top: 9.6rem;
		font-size: 1.2rem;
	}
	
	.isFCS.isAlt > li {
		padding: 1.6rem 0.0rem;
		gap: 3.2rem;
	}
	
	.isFCS.isAlt > li:nth-child(1) { justify-content: space-between; }
	.isFCS.isAlt > li:nth-child(2) { justify-content: space-around;  }
	.isFCS.isAlt > li:nth-child(3) { justify-content: space-between; }
	.isFCS.isAlt > li:nth-child(4) { justify-content: space-between; }
	.isFCS.isAlt > li:nth-child(5) { justify-content: space-around;  }
	.isFCS.isAlt > li:nth-child(6) { justify-content: flex-start; 	  }
	.isFCS.isAlt > li:nth-child(7) { justify-content: space-between; }
	
	.isIMG > .setItems > .setItem > span {
		font-size: 1.2rem;
	}
	
	/* ---------------------------------------- */
	
	.isEQU {
		margin: 3.2rem auto;
	}
	
	.isEQU,
	.isEQU > li {
		flex-direction: column;
		text-align: center;
		font-size: 1.4rem;
		gap: 2.4rem;
	}
	
	.isEQU > li {
		gap: 1.2rem;
	}
	
	.isEQU > li:nth-child(6) {
		position: relative;
		display: none;
	}
	
	.isEQU > li:nth-child(6):before {
		width: 80vw;
		height: 1.6rem;
		background: url(../../SVG/SVG_LLV.svg?00001) no-repeat center center / cover;
		transform: translateY(-100%);
		position: absolute;
		display: none;
		top: 0.0rem;
		content: "";
	}
	
	.isEQU > li > img {
		max-width: 8.0rem;
	}
	
	
	.isEQU > li {
		white-space: nowrap;
	}
	
	/* ---------------------------------------- */
	/* ----- >>> Scroll Video ----------------- */
	/* ---------------------------------------- */
	
	#Compost {
		margin-top: 0.0rem;
	}
	
	/* ---------------------------------------- */
	/* ----- >>> General ---------------------- */
	/* ---------------------------------------- */
	
	.isDSB {
		gap: 0.4rem;
	}
	
	h1.isDSB,
	h1.isDSA {
		line-height: 1.2em;
		font-size: 2.4rem;
	}
	
	.isDSB.isDSK,
	.isDSA.isDSK {
		display: none !important;
	}
	
	.isDSB.isMBL,
	.isDSA.isMBL {
		display: flex !important;
	}
	
	.isDSK { display: none  !important; }
	.isMBL { display: block !important; }
	
	/* ---------------------------------------- */
	
	.isFull { width: calc(100% - 00.0rem); margin: 0 auto; }
	.isAuto { width: calc(100% - 06.4rem); }
	.isThir { width: calc(075% - 00.0rem); }
	.isHalf { width: calc(050% - 00.0rem); }
	
	.isWide > *:not(video) {
		width: calc(100% - 0.0rem);
	}
	
	/* ---------------------------------------- */
	
	.isMB096 { margin-bottom: 4.8rem !important; }
	.isMB128 { margin-bottom: 6.4rem !important; }
	.isMB160 { margin-bottom: 8.0rem !important; }
	
	.isMFull  { 
		width: calc(100% - 00.0rem); 
		margin: 0 auto;
	}
	
	.isMFull > *:not(.setGrid) { 
		width: calc(100% - 3.2rem);
		margin: 0 auto;
	}
	
	.isMFull > *:first-child {
		margin-top: 3.2rem;
	}
	
	/* ---------------------------------------- */
	
	dl > dt {
		padding: 2.0rem 0.0rem;
		font-size: 1.4rem;
	}
	
	dl > dt:after  {
		width:  2.0rem;
		height: 2.0rem;
		line-height: 1.8rem;
		border-width: thin;
		font-size: 1.6rem;
		right: 0.4rem;
	}
	
	dl.isAlt > dt > span { 
		margin-right: 1.6rem;
	}
	
	
	dl.isAlt > dt {
		font-size: 2.1rem;
	}
	
	dl.isAlt > dt:nth-of-type(3) > span {
		width: 100%;
	}
	
	dl.isAlt > dt:after  {
		width:  4.0rem;
		height: 4.0rem;
		line-height: 3.4rem;
		border-width: 0.15rem;
		font-size: 2.4rem;
		right: 0.0rem;
	}
	
	dl > dd,
	dl.isAlt > dd {
		padding: 0.0rem 0.0rem 3.2rem;
	}
	
	dl.isAlt > dd > div {
		width: 100%;
		flex-direction: column-reverse;
		gap: 2.4rem;
	}
	
	dl.isAlt > dd > div > ul,
	dl.isAlt > dd > div > img {
		width: 100%;
		gap: 0.8rem;
	}
	
	dl.isAlt > dd > div > ul > li {
		margin-left: 2.4rem;
		line-height: 1.5em;
		font-size: 1.4rem;
	}
	
	dl.isAlt > dd > div > img {
		clip-path: inset(20% 0 20% 0);
		margin-bottom: -4.8rem !important;
		margin-top: -4.8rem !important;
	}
	
	/* ---------------------------------------- */
	
	section:nth-of-type(2) {
		display: block !important;
	}
	
	section:nth-of-type(4):before {
		height: 50rem;
	}
	
	section:nth-of-type(6) {
		padding-top: 0;
	}
	
	/* ---------------------------------------- */
	/* ----- >>> Media Form ------------------- */
	/* ---------------------------------------- */
	
	form {
		margin-bottom: 3.2rem !important;
	}
	
	.isInput:not(:last-child) {
		flex-direction: column;
		gap: 0.0rem;
	}
	
	.isInput:last-child {
		flex-direction: column-reverse;
	}
	
	.isOutput {
		font-size: 1.4rem;
		text-align: right;
	}
	
	input, select, textarea {
		padding: 1.0rem 0.0rem;
		font-size: 1.6rem;
	}
	
	.isInput textarea {
		height: 11.2rem;
	}
	
	.isInput button {
		line-height: 1.25em;
		margin-top: 1.6rem;
		font-size: 1.6rem;
	}
	
	/* ---------------------------------------- */
	/* ----- >>> Icon Sets -------------------- */
	/* ---------------------------------------- */
	
	.isICN {
		width:  3.2rem;
		height: 3.2rem;
		margin-right: 0.6rem;
	}
	
	.isMTH {
		width:  3.2rem;
		height: 3.2rem;
		background-image: url(../../SVG/SVG_MTM.svg?00001);
		border-width: 0.125em;
	}
	
	.isSYM {
		position: absolute;
		top: 3.2rem;
	}
	
	.isSYM {
		width:  9.6rem;
		height: 30.0rem;
		background-image: url(../../SVG/SVG_SYM.svg?00001);
	}
	
	.isSYM.isP21 { left:  -3.2rem; }
	.isSYM.isP22 { right: -3.2rem; }
	
	nav .isBND {
		display: none;
	}
	
	.setWrapper > .isBND {
		display: block;
		position: absolute;
		top: 1.2rem;
	}
	
	/* ---------------------------------------- */
	/* ----- >>> Menu Animation --------------- */
	/* ---------------------------------------- */
	
	.setMenu {
		display: block;
	}
	
	/* ---------------------------------------- */
	/* ----- >>> Animations ------------------- */
	/* ---------------------------------------- */
	
	a > u {
		padding-bottom: 0.1rem;
	}
	
	/* ---------------------------------------- */
	/* ----- >>> Dev Tools -------------------- */
	/* ---------------------------------------- */
	
	.isDev header:before { left:  2.4rem; }
	.isDev header:after  { right: 2.4rem; }
	
	
	}