From d53ad46486abd6fd717030c7bcc9717da9be83b5 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Sat, 8 Jul 2023 12:23:03 +0200
Subject: [PATCH] add style to fix sizes of 1980px W +

---
 repl/repl/src/assets/styles/responsive.scss |    7 +-
 repl/src/assets/styles/_sprint_4.scss       | 2626 ++++++++++---------
 2 files changed, 1329 insertions(+), 1304 deletions(-)

diff --git a/repl/repl/src/assets/styles/responsive.scss b/repl/repl/src/assets/styles/responsive.scss
index 38b860c..a88bdcd 100644
--- a/repl/repl/src/assets/styles/responsive.scss
+++ b/repl/repl/src/assets/styles/responsive.scss
@@ -690,11 +690,16 @@ responsive land custom
   }
 
   #china_achievements {
-    margin-top: 0;
+		margin-top: 32rem;
     padding: 1rem 172px 0;
   }
 
   #full_creative {
     min-height: 100vh;
   }
+	#our_team{
+		.title{
+			margin-top: 18rem;
+		}
+	}
 }
diff --git a/repl/src/assets/styles/_sprint_4.scss b/repl/src/assets/styles/_sprint_4.scss
index 8490548..1d3b3a2 100644
--- a/repl/src/assets/styles/_sprint_4.scss
+++ b/repl/src/assets/styles/_sprint_4.scss
@@ -10,40 +10,37 @@ html {
 	text-align: center;
 }
 
-#hand {
-	background: url("/assets/img/hand 1.png") center;
-	background-size: cover;
-	height: 100vh;
-	left: 1px;
-	position: relative;
-	top: 0;
-	width: 100vw;
-	z-index: 0;
+.large-texts {
+	font-size: 60px;
+	font-style: normal;
+	font-weight: 600;
+	letter-spacing: -0.04em;
+	line-height: 110%;
 }
 
-#main_title_container {
-	backdrop-filter: blur(3px);
-	position: absolute;
-	top: 0;
-	z-index: 2;
-}
 
 #cover {
 	background: url("/assets/img/BG 1.png") center no-repeat;
 	background-size: cover;
-
+	#cover-handle {
+		float: left;
+		height: 25vh;
+		top: 25vh;
+	}
+	#hand {
+		background: url("/assets/img/hand 1.png") center;
+		background-size: cover;
+		height: 100vh;
+		left: 1px;
+		position: relative;
+		top: 0;
+		width: 100vw;
+		z-index: 0;
+	}
 	.title-container {
 		text-align: center;
 	}
-}
 
-#cover-handle {
-	float: left;
-	height: 25vh;
-	top: 25vh;
-}
-
-#cover {
 	h2 {
 		color: #fffdfc;
 		font-family: "GT Walsheim Pro";
@@ -58,6 +55,32 @@ html {
 		z-index: 2;
 	}
 
+	#main_title_container {
+		backdrop-filter: blur(3px);
+		z-index: 2;
+		text-align: center;
+		width: 100%;
+		position: relative;
+		top: -95vh;
+
+		#main_title {
+			background: url("/assets/img/sesame.png") no-repeat;
+			background-size: contain;
+			box-sizing: border-box;
+			font-weight: 500;
+			min-height: 35vw;
+			margin: 0 auto;
+			position: relative;
+			top: 4rem;
+			width: 95vw;
+
+			h2 {
+				margin-top: 5vh;
+			}
+		}
+
+	}
+
 	.button {
 		backdrop-filter: blur(3px);
 		background: linear-gradient(329.49deg, rgba(255, 216, 244, 0) 34.06%, rgba(255, 207, 242, 0.2) 77.26%);
@@ -78,1411 +101,1408 @@ html {
 	}
 }
 
-#main_title_container {
-	text-align: center;
-	width: 100%;
-	position: relative;
-	top: -95vh;
-}
 
-#main_title {
-	background: url("/assets/img/sesame.png") no-repeat;
-	background-size: contain;
-	box-sizing: border-box;
-	font-weight: 500;
-	min-height: 35vw;
-	margin: 0 auto;
-	position: relative;
-	top: 4rem;
-	width: 95vw;
-}
-
-#main_title_container h2 {
-	margin-top: 5vh;
-}
-
-#welcome {
-	background: #000;
-	position: absolute;
-	text-shadow: 0 0 1rem #333;
-
-	img {
+	#welcome {
+		background: #000;
 		position: absolute;
-	}
-
-	h2 {
-		color: #f9f3f1;
-		font-size: 8em;
-		font-weight: 600;
-		letter-spacing: -0.04em;
-		line-height: 90px;
-		margin-top: 400px;
-		position: relative;
-		text-align: center;
-		width: 80vw;
-		z-index: 2;
-	}
-
-	.color-emphasis {
-		color: #1e33da;
-	}
-
-	.phone-container {
-		background: url("/assets/img/section2_phone.png");
-		background-size: cover;
-	}
-}
-
-.phones-land {
-	float: left;
-	position: static;
-	z-index: -1;
-}
-
-#phone-watches-1 {
-	height: 690px;
-	left: -137px;
-	position: absolute;
-	top: 1531px;
-	width: 345px;
-}
-
-#phone-watches-2 {
-	filter: blur(2px);
-	height: 176px;
-	left: -200px;
-	top: 470px;
-	width: 88px;
-}
-
-#phone-watches-3 {
-	filter: blur(4px);
-	height: 342px;
-	left: 916px;
-	top: 475px;
-	width: 171px;
-}
-
-#phone-watches-4 {
-	filter: blur(6px);
-	height: 550px;
-	left: 1222px;
-	top: 523px;
-	width: 275px;
-}
-
-#open {
-	box-sizing: border-box;
-	color: rgba(248, 243, 241, 0.1);
-	font-size: 200px;
-	font-style: normal;
-	font-weight: 600;
-	height: 50vh;
-	letter-spacing: -0.04em;
-	line-height: 90%;
-  padding-top: 50vh;
-	position: relative;
-	text-align: center;
-	top: 88vh;
-
-	.text {
-		color: #fff;
-		margin-bottom: 400px;
-		position: absolute;
-	}
-}
-
-#unlock, unlock_white {
-	min-height: 20%;
-	width: 100%;
-	position: absolute;
-	top: 0;
-	min-height: 400px;
-}
-
-#unlock {
-	top: -499px;
-}
-
-#unlock_white {
-	opacity: 0.2;
-  margin-top: -54vh;
-  height: 37vh;
-}
-
-#open-handle {
-	float: left;
-	height: 20vh;
-}
-
-#content {
-	height: 100vh;
-	min-height: 200px;
-	top: 50vh;
-	position: relative;
-
-	h2 {
-		margin-top: 33vh;
-	}
-}
-
-#content_all {
-	color: #fffdfc;
-	padding-top: 50vh;
-	position: relative;
-	top: 0;
-	width: 120%;
-}
-
-#content_all_img {
-	background: url("/assets/img/bg_content.png");
-	background-size: cover;
-	height: 150vh;
-	left: 0;
-	margin-top: -50vh;
-	position: relative;
-}
-
-#content_all {
-	.columns {
-		font-size: 100px;
-		margin: 0 auto;
-		max-width: 80vw;
-		position: relative;
-		top: -133vh;
-	}
-
-	.text {
-		font-size: 18px;
-		font-weight: 400;
-		line-height: 26px;
-		padding-right: 80px;
-		padding-top: 1vh;
-		text-align: left;
-	}
-
-	h2 {
-		font-size: 100px !important;
-		letter-spacing: -0.04em;
-		line-height: 90px;
 		text-shadow: 0 0 1rem #333;
-	}
 
-	.text {
-		text-shadow: 0 0 1rem #333;
-	}
-}
-
-
-#content_all {
-	.columns > .column:nth-of-type(1) {
-		font-size: 1em;
-		letter-spacing: -0.04em;
-		line-height: 90px;
-	}
-
-	.color-emphasis {
-		color: #1e33da;
-	}
-}
-
-#content_first {
-	backdrop-filter: blur(5px);
-	color: #e77064;
-	flex: none;
-	flex-grow: 0;
-	font-size: 40px;
-	font-style: normal;
-	font-weight: 600;
-	height: 35px;
-	letter-spacing: 0.2em;
-	line-height: 95%;
-	margin-bottom: 40px;
-	margin-top: 20vh;
-	opacity: 0.4;
-	order: 0;
-	text-align: center;
-	text-transform: uppercase;
-	width: 50%;
-	left: 5vw;
-	font-size: 3rem;
-	max-width: 100vw;
-	width: 100%;
-}
-
-#content_second {
-	width: 50%;
-	right: -20vw;
-	backdrop-filter: blur(5px);
-	color: rgba(255, 255, 255, 0.35);
-	flex: none;
-	flex-grow: 0;
-	font-family: "GT Walsheim Pro";
-	font-size: 230px;
-	font-style: normal;
-	font-weight: 700;
-	height: 170px;
-	line-height: 65px;
-	margin-bottom: 100px;
-	opacity: 0.25;
-	order: 1;
-	text-align: center;
-	max-width: 100vw;
-	width: 100%;
-}
-
-.flip-handle {
-	background: transparent;
-	height: 20vh;
-	position: relative;
-	top: -20vh;
-	width: 2vw;
-}
-
-.flip-container {
-	color: #fffdfc;
-	padding-top: 15vh;
-	transform-origin: right;
-
-	&.flip-from-left {
-		transform-origin: left;
-	}
-
-	+ .flip-container {
-		height: 90vh;
-		margin-top: -15vh;
-		min-height: 91vh;
-		padding-top: 0;
-	}
-
-	.container-text {
-		left: 600px;
-		position: relative;
-		text-align: left;
-		width: 50%;
-	}
-
-	&.flip-from-left .container-text {
-		left: 600px;
-		width: 320px;
-	}
-
-	.color-emphasis {
-		color: #1e33da;
-		margin: 0 auto;
-		max-width: 760px;
-	}
-
-	.text-title {
-		font-size: 60px;
-		font-weight: 600;
-		letter-spacing: -0.04em;
-		line-height: 110%;
-		margin-bottom: 20px;
-		margin-top: 158px;
-	}
-
-	.text-description {
-		font-size: 18px;
-		font-weight: 400;
-		line-height: 26px;
-		margin-bottom: 20px;
-		width: 380px;
-	}
-
-	.phone-container {
-		background: rgba(225, 196, 183, 0.2);
-		border-color: rgba(255, 255, 255, 0.4);
-		border-radius: 70px;
-		border-width: 2px;
-		box-sizing: border-box;
-		height: 700px;
-		left: 66vw;
-		position: relative;
-		top: -540px;
-		width: 342px;
-	}
-
-	&.flip-from-left .phone-container {
-		left: 183px;
-		top: -540px;
-	}
-
-	.phone-container img {
-		height: auto;
-		margin-top: 70px;
-		width: 318px;
-	}
-
-	.call-to-action {
-		&:hover {
-			background: linear-gradient(45deg, #c93397, rebeccapurple);
-			transition: all ease-in 0.25s;
+		img {
+			position: absolute;
 		}
 
-		align-items: center;
-		background: transparent;
-		border: 2px solid #743ad5;
-		border-radius: 70px;
-		box-sizing: border-box;
-		color: #fff;
-		cursor: pointer;
-		display: flex;
-		flex: none;
-		flex-direction: row;
-		flex-grow: 0;
-		gap: 10px;
-		height: 56px;
-		justify-content: center;
-		order: 2;
-		padding: 12px 36px;
-		width: 198px;
-		transition: all ease-in 1.5s;
-	}
-}
-
-#content-2 {
-	margin-top: 50vh;
-}
-
-#flipping_zone {
-	margin-top: -100vh;
-	position: relative;
-}
-
-#popover {
-	background: url("/assets/img/bg_pink.png") no-repeat;
-	background-position: center;
-	background-size: cover;
-
-  .text-title{
-    font-family: "GT Walsheim Pro";
-    @extend .large-texts;
-  }
-	.dark-emphasis {
-		color: #3b3b49;
-	}
-  .color-emphasis {
-    color: #e77064;
-    font-weight: 600;
-    margin-bottom: 20px;
-  }
-
-}
-
-
-.slider-screen {
-	.text {
-		left: 55vw;
-		position: relative;
-		text-align: left;
-		top: -30%;
-		width: 400px;
-	}
-
-	.text-title {
-		margin-bottom: 2rem;
-	}
-}
-
-.phone-container {
-	border-radius: 1rem;
-	width: 411px;
-
-	.top {
-		background: url("/assets/img/phone_rectangle_top.jpg") no-repeat center;
-		border-top-left-radius: 1rem;
-		border-top-right-radius: 1rem;
-		height: 60px;
-	}
-
-	.bottom {
-		background: url("/assets/img/phone_rectangle_bottom.jpg") no-repeat center;
-		border-bottom-left-radius: 2rem;
-		border-bottom-right-radius: 2rem;
-		height: 62px;
-		position: relative;
-		top: 676.5px;
-	}
-
-	&.transparent {
-		background: rgba(248, 243, 241, 0.1);
-		border-radius: 70px;
-		height: 700px;
-		width: 350px;
-	}
-}
-
-.slider-screen .phone-container {
-	background: url("/assets/img/phone_cream.png") no-repeat;
-	background-position: center;
-	background-size: cover;
-	height: 776px;
-	left: 20vw;
-	position: relative;
-	top: 20vh;
-	width: 411px;
-}
-
-.close-button {
-	float: right;
-	position: relative;
-	right: 40px;
-	top: 56px;
-}
-
-.arrow-left {
-	backdrop-filter: blur(5px);
-	background: linear-gradient(310.41deg, rgba(255, 255, 255, 0.3) 10.9%, rgba(255, 255, 255, 0) 81.35%);
-	border: solid 2px #1e33da;
-	border-radius: 70px;
-	cursor: pointer;
-	padding: 1.5rem;
-	transform: matrix(-1, 0, 0, 1, 0, 0);
-}
-
-.arrow-right {
-	backdrop-filter: blur(5px);
-	background: linear-gradient(310.41deg, rgba(255, 255, 255, 0.3) 10.9%, rgba(255, 255, 255, 0) 81.35%);
-	border: solid 2px #1e33da;
-	border-radius: 70px;
-	cursor: pointer;
-	padding: 1.5rem;
-	transform: matrix(-1, 0, 0, 1, 0, 0);
-	float: right;
-	position: relative;
-	top: 50vh;
-	transform: rotate(0deg);
-}
-
-.arrow-left {
-	float: left;
-	left: 40px;
-	position: relative;
-	top: 50vh;
-}
-
-.bullets {
-	left: 0;
-	position: relative;
-	top: 30vh;
-
-	img {
-		cursor: pointer;
-	}
-}
-
-#portfolio {
-	background: url("/assets/img/bg_grey.jpg") no-repeat;
-	background-position: center;
-	background-size: cover;
-	color: white;
-  .text-title{
-    font-family: "GT Walsheim Pro";
-    @extend .large-texts;
-  }
-
-  .color-emphasis {
-    color: #e77064;
-    font-weight: 600;
-    margin-bottom: 20px;
-  }
-
-  .phone-container {
-    background: url("/assets/img/phone_shoes.png");
-    height: 776px;
-  }
-
-}
-
-#coming_soon {
-	background: #2b74b1;
-	z-index: 10;
-	color: white;
-	text-shadow: 0 0 1em black;
-	height: 50vh;
-	margin-top: 0;
-	padding-top: 50vh;
-}
-
-body {
-	background: #fff;
-	padding-bottom: 50vh;
-	overflow-x: hidden;
-	font-family: "GT Walsheim Pro", Arial;
-	margin: 0;
-	padding: 0;
-}
-
-main {
-	section {
-		font-family: "GT Walsheim Pro", Arial;
-		height: 120vh;
-		min-height: 120vh;
-		width: 100vw;
 		h2 {
-			color: #fffdfc;
+			color: #f9f3f1;
+			font-size: 8em;
+			font-weight: 600;
+			letter-spacing: -0.04em;
+			line-height: 90px;
+			margin-top: 400px;
+			position: relative;
+			text-align: center;
+			width: 80vw;
+			z-index: 2;
+		}
+
+		.color-emphasis {
+			color: #1e33da;
+		}
+
+		.phone-container {
+			background: url("/assets/img/section2_phone.png");
+			background-size: cover;
+		}
+
+		.phones-land {
+			float: left;
+			position: static;
+			z-index: -1;
+
+			#phone-watches-1 {
+				height: 690px;
+				left: -137px;
+				position: absolute;
+				top: 1531px;
+				width: 345px;
+			}
+
+			#phone-watches-2 {
+				filter: blur(2px);
+				height: 176px;
+				left: -200px;
+				top: 470px;
+				width: 88px;
+			}
+
+			#phone-watches-3 {
+				filter: blur(4px);
+				height: 342px;
+				left: 916px;
+				top: 475px;
+				width: 171px;
+			}
+
+			#phone-watches-4 {
+				filter: blur(6px);
+				height: 550px;
+				left: 1222px;
+				top: 523px;
+				width: 275px;
+			}
+
+		}
+
+	}
+
+	#open {
+		box-sizing: border-box;
+		color: rgba(248, 243, 241, 0.1);
+		font-size: 200px;
+		font-style: normal;
+		font-weight: 600;
+		height: 50vh;
+		letter-spacing: -0.04em;
+		line-height: 90%;
+		padding-top: 50vh;
+		position: relative;
+		text-align: center;
+		top: 88vh;
+
+		.text {
+			color: #fff;
+			margin-bottom: 400px;
+			position: absolute;
+		}
+	}
+
+	#unlock, unlock_white {
+		min-height: 20%;
+		width: 100%;
+		position: absolute;
+		top: 0;
+		min-height: 400px;
+	}
+
+	#unlock {
+		top: -499px;
+	}
+
+	#unlock_white {
+		opacity: 0.2;
+		margin-top: -54vh;
+		height: 37vh;
+	}
+
+	#open-handle {
+		float: left;
+		height: 20vh;
+	}
+
+	#content {
+		height: 100vh;
+		min-height: 200px;
+		top: 50vh;
+		position: relative;
+
+		h2 {
+			margin-top: 33vh;
+		}
+	}
+
+	#content_all {
+		color: #fffdfc;
+		padding-top: 50vh;
+		position: relative;
+		top: 0;
+		width: 120%;
+	}
+
+	#content_all_img {
+		background: url("/assets/img/bg_content.png");
+		background-size: cover;
+		height: 150vh;
+		left: 0;
+		margin-top: -50vh;
+		position: relative;
+	}
+
+	#content_all {
+		.columns {
+			font-size: 100px;
+			margin: 0 auto;
+			max-width: 80vw;
+			position: relative;
+			top: -133vh;
+		}
+
+		.text {
+			font-size: 18px;
+			font-weight: 400;
+			line-height: 26px;
+			padding-right: 80px;
+			padding-top: 1vh;
+			text-align: left;
+		}
+
+		h2 {
+			font-size: 100px !important;
+			letter-spacing: -0.04em;
+			line-height: 90px;
+			text-shadow: 0 0 1rem #333;
+		}
+
+		.text {
+			text-shadow: 0 0 1rem #333;
+		}
+	}
+
+
+	#content_all {
+		.columns > .column:nth-of-type(1) {
+			font-size: 1em;
+			letter-spacing: -0.04em;
+			line-height: 90px;
+		}
+
+		.color-emphasis {
+			color: #1e33da;
+		}
+	}
+
+	#content_first {
+		backdrop-filter: blur(5px);
+		color: #e77064;
+		flex: none;
+		flex-grow: 0;
+		font-size: 40px;
+		font-style: normal;
+		font-weight: 600;
+		height: 35px;
+		letter-spacing: 0.2em;
+		line-height: 95%;
+		margin-bottom: 40px;
+		margin-top: 20vh;
+		opacity: 0.4;
+		order: 0;
+		text-align: center;
+		text-transform: uppercase;
+		width: 50%;
+		left: 5vw;
+		font-size: 3rem;
+		max-width: 100vw;
+		width: 100%;
+	}
+
+	#content_second {
+		width: 50%;
+		right: -20vw;
+		backdrop-filter: blur(5px);
+		color: rgba(255, 255, 255, 0.35);
+		flex: none;
+		flex-grow: 0;
+		font-family: "GT Walsheim Pro";
+		font-size: 230px;
+		font-style: normal;
+		font-weight: 700;
+		height: 170px;
+		line-height: 65px;
+		margin-bottom: 100px;
+		opacity: 0.25;
+		order: 1;
+		text-align: center;
+		max-width: 100vw;
+		width: 100%;
+	}
+
+	.flip-handle {
+		background: transparent;
+		height: 20vh;
+		position: relative;
+		top: -20vh;
+		width: 2vw;
+	}
+
+	.flip-container {
+		color: #fffdfc;
+		padding-top: 15vh;
+		transform-origin: right;
+
+		&.flip-from-left {
+			transform-origin: left;
+		}
+
+		+ .flip-container {
+			height: 90vh;
+			margin-top: -15vh;
+			min-height: 91vh;
+			padding-top: 0;
+		}
+
+		.container-text {
+			left: 600px;
+			position: relative;
+			text-align: left;
+			width: 50%;
+		}
+
+		&.flip-from-left .container-text {
+			left: 600px;
+			width: 320px;
+		}
+
+		.color-emphasis {
+			color: #1e33da;
+			margin: 0 auto;
+			max-width: 760px;
+		}
+
+		.text-title {
+			font-size: 60px;
+			font-weight: 600;
+			letter-spacing: -0.04em;
+			line-height: 110%;
+			margin-bottom: 20px;
+			margin-top: 158px;
+		}
+
+		.text-description {
+			font-size: 18px;
+			font-weight: 400;
+			line-height: 26px;
+			margin-bottom: 20px;
+			width: 380px;
+		}
+
+		.phone-container {
+			background: rgba(225, 196, 183, 0.2);
+			border-color: rgba(255, 255, 255, 0.4);
+			border-radius: 70px;
+			border-width: 2px;
+			box-sizing: border-box;
+			height: 700px;
+			left: 66vw;
+			position: relative;
+			top: -540px;
+			width: 342px;
+		}
+
+		&.flip-from-left .phone-container {
+			left: 183px;
+			top: -540px;
+		}
+
+		.phone-container img {
+			height: auto;
+			margin-top: 70px;
+			width: 318px;
+		}
+
+		.call-to-action {
+			&:hover {
+				background: linear-gradient(45deg, #c93397, rebeccapurple);
+				transition: all ease-in 0.25s;
+			}
+
+			align-items: center;
+			background: transparent;
+			border: 2px solid #743ad5;
+			border-radius: 70px;
+			box-sizing: border-box;
+			color: #fff;
+			cursor: pointer;
+			display: flex;
+			flex: none;
+			flex-direction: row;
+			flex-grow: 0;
+			gap: 10px;
+			height: 56px;
+			justify-content: center;
+			order: 2;
+			padding: 12px 36px;
+			width: 198px;
+			transition: all ease-in 1.5s;
+		}
+	}
+
+	#content-2 {
+		margin-top: 50vh;
+	}
+
+	#flipping_zone {
+		margin-top: -100vh;
+		position: relative;
+	}
+
+	#popover {
+		background: url("/assets/img/bg_pink.png") no-repeat;
+		background-position: center;
+		background-size: cover;
+
+		.text-title {
+			font-family: "GT Walsheim Pro";
+
 			font-size: 60px;
 			font-style: normal;
 			font-weight: 600;
 			letter-spacing: -0.04em;
 			line-height: 110%;
 		}
+
+		.dark-emphasis {
+			color: #3b3b49;
+		}
+
+		.color-emphasis {
+			color: #e77064;
+			font-weight: 600;
+			margin-bottom: 20px;
+		}
+
 	}
 
-	img {
-		max-width: 100vw;
+
+	.slider-screen {
+		.text {
+			left: 55vw;
+			position: relative;
+			text-align: left;
+			top: -30%;
+			width: 400px;
+		}
+
+		.text-title {
+			margin-bottom: 2rem;
+		}
 	}
 
-	.credits {
-		margin-top: 10vh;
-	}
-}
+	.phone-container {
+		border-radius: 1rem;
+		width: 411px;
 
-#sprint_4 {
-	background: #fff;
-}
+		.top {
+			background: url("/assets/img/phone_rectangle_top.jpg") no-repeat center;
+			border-top-left-radius: 1rem;
+			border-top-right-radius: 1rem;
+			height: 60px;
+		}
 
-.primary-color {
-	color: #1e33da !important;
-}
+		.bottom {
+			background: url("/assets/img/phone_rectangle_bottom.jpg") no-repeat center;
+			border-bottom-left-radius: 2rem;
+			border-bottom-right-radius: 2rem;
+			height: 62px;
+			position: relative;
+			top: 676.5px;
+		}
 
-.secondary-color {
-	color: #e77064 !important;
-}
-
-.dark-color {
-	color: #020225 !important;
-}
-
-#transactionnal_webdesign {
-	background: url("/assets/img/header_webdesign.png"), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 74.66%);
-	background-size: cover;
-	font-family: "GT Walsheim Pro";
-	color: #00001f;
-	padding-top: 380px;
-	position: static;
-	min-height: 150vh;
-
-	.columns {
-		max-width: 60vw;
+		&.transparent {
+			background: rgba(248, 243, 241, 0.1);
+			border-radius: 70px;
+			height: 700px;
+			width: 350px;
+		}
 	}
 
-	.title {
-		height: 109px;
-		font-style: normal;
-		font-weight: 400;
-		font-size: 3rem;
-		line-height: 95%;
-		text-align: center;
-		letter-spacing: 0.2em;
-		text-transform: uppercase;
-		color: #fffdfc;
-		flex: none;
-		order: 0;
-		flex-grow: 0;
-		padding-top: 10rem;
+	.slider-screen .phone-container {
+		background: url("/assets/img/phone_cream.png") no-repeat;
+		background-position: center;
+		background-size: cover;
+		height: 776px;
+		left: 20vw;
+		position: relative;
+		top: 20vh;
+		width: 411px;
 	}
 
-	.description {
-		color: rgba(231, 112, 100, 0.8);
-		font-weight: 500;
-		font-size: 16rem;
-		line-height: 65%;
-		margin-bottom: 140px;
-		padding-top: 10rem;
+	.close-button {
+		float: right;
+		position: relative;
+		right: 40px;
+		top: 56px;
 	}
 
-	.color-emphasis {
-		color: #1e33da;
+	.arrow-left {
+		backdrop-filter: blur(5px);
+		background: linear-gradient(310.41deg, rgba(255, 255, 255, 0.3) 10.9%, rgba(255, 255, 255, 0) 81.35%);
+		border: solid 2px #1e33da;
+		border-radius: 70px;
+		cursor: pointer;
+		padding: 1.5rem;
+		transform: matrix(-1, 0, 0, 1, 0, 0);
 	}
 
-	.sub-title {
-		font-weight: 600;
-		font-size: 7rem;
-		line-height: 90px;
-		letter-spacing: -0.04em;
+	.arrow-right {
+		backdrop-filter: blur(5px);
+		background: linear-gradient(310.41deg, rgba(255, 255, 255, 0.3) 10.9%, rgba(255, 255, 255, 0) 81.35%);
+		border: solid 2px #1e33da;
+		border-radius: 70px;
+		cursor: pointer;
+		padding: 1.5rem;
+		transform: matrix(-1, 0, 0, 1, 0, 0);
+		float: right;
+		position: relative;
+		top: 50vh;
+		transform: rotate(0deg);
 	}
 
-	.columns {
-		text-align: left;
-		margin: 0 auto;
-		width: 80%;
+	.arrow-left {
+		float: left;
+		left: 40px;
+		position: relative;
+		top: 50vh;
 	}
 
-	.second {
-		font-weight: 400;
-		font-size: 1.5rem;
-		line-height: 130%;
-	}
-}
+	.bullets {
+		left: 0;
+		position: relative;
+		top: 30vh;
+
+		img {
+			cursor: pointer;
+		}
+	}
+
+	#portfolio {
+		background: url("/assets/img/bg_grey.jpg") no-repeat;
+		background-position: center;
+		background-size: cover;
+		color: white;
+
+		.text-title {
+			font-family: "GT Walsheim Pro";
+
+			font-size: 60px;
+			font-style: normal;
+			font-weight: 600;
+			letter-spacing: -0.04em;
+			line-height: 110%;
+		}
+
+		.color-emphasis {
+			color: #e77064;
+			font-weight: 600;
+			margin-bottom: 20px;
+		}
+
+		.phone-container {
+			background: url("/assets/img/phone_shoes.png");
+			height: 776px;
+		}
+
+	}
+
+	#coming_soon {
+		background: #2b74b1;
+		z-index: 10;
+		color: white;
+		text-shadow: 0 0 1em black;
+		height: 50vh;
+		margin-top: 0;
+		padding-top: 50vh;
+	}
+
+	body {
+		background: #fff;
+		padding-bottom: 50vh;
+		overflow-x: hidden;
+		font-family: "GT Walsheim Pro", Arial;
+		margin: 0;
+		padding: 0;
+	}
+
+	main {
+		section {
+			font-family: "GT Walsheim Pro", Arial;
+			height: 120vh;
+			min-height: 120vh;
+			width: 100vw;
+
+			h2 {
+				color: #fffdfc;
+				font-size: 60px;
+				font-style: normal;
+				font-weight: 600;
+				letter-spacing: -0.04em;
+				line-height: 110%;
+			}
+		}
+
+		img {
+			max-width: 100vw;
+		}
+
+		.credits {
+			margin-top: 10vh;
+		}
+	}
+
+	#sprint_4 {
+		background: #fff;
+	}
+
+	.primary-color {
+		color: #1e33da !important;
+	}
+
+	.secondary-color {
+		color: #e77064 !important;
+	}
+
+	.dark-color {
+		color: #020225 !important;
+	}
 
-@media screen and (max-width: 1300px) {
 	#transactionnal_webdesign {
-		min-height: 100vh;
-		padding-top: 5vh;
+		background: url("/assets/img/header_webdesign.png"), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 74.66%);
+		background-size: cover;
+		font-family: "GT Walsheim Pro";
+		color: #00001f;
+		padding-top: 380px;
+		position: static;
+		min-height: 150vh;
+
+		.columns {
+			max-width: 60vw;
+		}
 
 		.title {
-			font-size: 4rem;
+			height: 109px;
+			font-style: normal;
+			font-weight: 400;
+			font-size: 3rem;
+			line-height: 95%;
+			text-align: center;
+			letter-spacing: 0.2em;
+			text-transform: uppercase;
+			color: #fffdfc;
+			flex: none;
+			order: 0;
+			flex-grow: 0;
+			padding-top: 10rem;
 		}
 
 		.description {
-			font-size: 10rem !important;
+			color: rgba(231, 112, 100, 0.8);
+			font-weight: 500;
+			font-size: 16rem;
+			line-height: 65%;
+			margin-bottom: 140px;
+			padding-top: 10rem;
+		}
+
+		.color-emphasis {
+			color: #1e33da;
+		}
+
+		.sub-title {
+			font-weight: 600;
+			font-size: 7rem;
+			line-height: 90px;
+			letter-spacing: -0.04em;
+		}
+
+		.columns {
+			text-align: left;
+			margin: 0 auto;
+			width: 80%;
+		}
+
+		.second {
+			font-weight: 400;
+			font-size: 1.5rem;
+			line-height: 130%;
 		}
 	}
-}
 
-#carry {
-	position: relative;
-	background: white;
-	padding-top: 20vh;
-	min-height: 130rem;
+	@media screen and (max-width: 1300px) {
+		#transactionnal_webdesign {
+			min-height: 100vh;
+			padding-top: 5vh;
 
-	.title {
-		margin-bottom: 46px;
-		font-size: 60px;
-		line-height: 110%;
+			.title {
+				font-size: 4rem;
+			}
+
+			.description {
+				font-size: 10rem !important;
+			}
+		}
 	}
 
-	.description {
-		margin-top: 270px;
-		font-style: normal;
-		font-weight: 600;
-		font-size: 270px;
-		line-height: 65%;
-		text-align: center;
-		letter-spacing: -0.06em;
-		color: rgba(30, 51, 218, 0.15);
-	}
+	#carry {
+		position: relative;
+		background: white;
+		padding-top: 20vh;
+		min-height: 130rem;
 
-	.description2 {
-		font-weight: 600;
-		font-size: 60px;
-		line-height: 110%;
-		text-align: center;
-	}
+		.title {
+			margin-bottom: 46px;
+			font-size: 60px;
+			line-height: 110%;
+		}
 
-	.color-emphasis {
-		color: #1e33da;
-	}
+		.description {
+			margin-top: 270px;
+			font-style: normal;
+			font-weight: 600;
+			font-size: 270px;
+			line-height: 65%;
+			text-align: center;
+			letter-spacing: -0.06em;
+			color: rgba(30, 51, 218, 0.15);
+		}
 
-	.bubbles {
-		margin-top: -100vh;
+		.description2 {
+			font-weight: 600;
+			font-size: 60px;
+			line-height: 110%;
+			text-align: center;
+		}
 
-		p {
+		.color-emphasis {
+			color: #1e33da;
+		}
+
+		.bubbles {
+			margin-top: -100vh;
+
+			p {
+				position: relative;
+				padding: 7.6rem 4rem;
+				background: url("/assets/img/Ellipse 777.5.png") no-repeat;
+				background-size: contain;
+				font-weight: 400;
+				font-size: 24px;
+				line-height: 130%;
+				width: 20rem;
+				height: 30vh;
+				mix-blend-mode: darken;
+
+				&:nth-of-type(1) {
+					background: url("/assets/img/Ellipse 777.5.png") no-repeat;
+					padding-left: 3.7rem;
+					width: 350px;
+					height: 451.56px;
+					left: 70%;
+					top: -100rem;
+				}
+
+				&:nth-of-type(2) {
+					background: url("/assets/img/Ellipse 777.4.png") no-repeat;
+					width: 308px;
+					height: 451.56px;
+					left: 60%;
+					top: -100rem;
+				}
+
+				&:nth-of-type(3) {
+					background: url("/assets/img/Ellipse 777.5.png") no-repeat;
+					width: 315px;
+					height: 316px;
+					left: 50vw;
+					margin-top: -9vh;
+					z-index: 20;
+					padding: 8rem 4rem;
+					top: -100rem;
+				}
+
+				&:nth-of-type(4) {
+					background: url("/assets/img/Ellipse 777.5.png") no-repeat;
+					width: 315px;
+					height: 285px;
+					left: 10vw;
+					top: -143rem;
+				}
+			}
+		}
+
+		.gradient-bg, .gradient-bg-yellow {
 			position: relative;
-			padding: 7.6rem 4rem;
-			background: url("/assets/img/Ellipse 777.5.png") no-repeat;
+			width: 50vw;
+			height: 58vh;
+			left: 14vw;
+			top: 10em;
+			background: radial-gradient(50% 50% at 50% 50%, #ffba99 0%, rgba(236, 222, 168, 0.96) 4.17%, rgba(163, 173, 255, 0) 100%);
+			opacity: 0.5;
+			transform: rotate(197.68deg);
+		}
+
+		.gradient-bg {
+			top: -30em;
+			background: radial-gradient(50% 50% at 50% 50%, #1e33da 0%, rgba(30, 51, 218, 0.958333) 4.17%, rgba(30, 51, 218, 0) 100%);
+			transform: rotate(-17.32deg);
+		}
+
+		.computer-block {
+			background: url("/assets/img/Macbook_color 1.png") no-repeat center;
 			background-size: contain;
+			position: relative;
+			width: 100%;
+			height: 100vh;
+			left: 0;
+			top: -141vh;
+		}
+	}
+
+	#kyc {
+		font-family: "GT Walsheim Pro";
+		background: white;
+		padding-top: 25vh;
+		min-height: 150vh;
+
+		.text-content {
+			max-width: 37rem;
+			text-align: left;
+		}
+
+		.left-column {
+			padding-left: 5vw;
+		}
+
+		.title {
+			margin-top: 250px;
+			font-style: normal;
+			font-weight: 500;
+			font-size: 100px;
+			line-height: 90px;
+			letter-spacing: -0.04em;
+		}
+
+		.description2 {
+			font-weight: 500;
+			font-size: 60px;
+			line-height: 110%;
+			text-align: center;
+			letter-spacing: -0.04em;
+			padding: 0 10rem;
+			text-align: center;
+			width: 100%;
+			display: block;
+		}
+
+		.description {
+			font-weight: 500;
+			font-size: 60px;
+			line-height: 110%;
+			letter-spacing: -0.04em;
+		}
+
+		.button {
 			font-weight: 400;
-			font-size: 24px;
-			line-height: 130%;
-			width: 20rem;
-			height: 30vh;
-			mix-blend-mode: darken;
+			font-size: 18px;
+			line-height: 26px;
+			background: white;
+			border-radius: 2rem;
+			bottom: 0;
+			box-sizing: border-box;
+			color: white;
+			font-style: normal;
+			padding: 1rem 0.5rem;
+			position: relative;
+			right: 0;
+			top: 2rem;
+			min-width: 15rem;
+			float: left;
+			color: #020225;
+			border-color: #e77064;
+		}
+
+		.color-emphasis {
+			color: #1e33da;
+		}
+
+		.fat-text {
+			font-style: normal;
+			font-weight: 600;
+			font-size: 30px;
+			line-height: 35px;
+			text-transform: uppercase;
+			color: #fffdfc;
+		}
+
+		.bubbles {
+			margin-top: -60vw;
+
+			.bubble {
+				position: relative;
+				text-align: left;
+				float: left;
+
+
+				span {
+					margin-left: 2rem;
+					float: left;
+					width: 20rem;
+					color: $dark-color;
+				}
+
+				&:nth-of-type(1) {
+					width: 25rem;
+					height: 23rem;
+					left: 46rem;
+					top: -34rem;
+					background: url("/assets/img/bubble_1.png") no-repeat;
+
+					span {
+						padding: 6rem 2.5rem;
+					}
+				}
+
+				&:nth-of-type(2) {
+					background: url("/assets/img/bubble_2.png") no-repeat;
+					left: 34vw;
+					top: -15rem;
+					width: 35rem;
+					height: 35rem;
+					background-size: contain;
+
+					span {
+						margin-top: 13rem;
+						margin-left: 5rem;
+					}
+				}
+
+				&:nth-of-type(3) {
+					background: url("/assets/img/bubble_3.png") no-repeat;
+					left: -27vw;
+					top: 8rem;
+					width: 27rem;
+					height: 35rem;
+					background-size: contain;
+
+					span {
+						margin-top: 10rem;
+						margin-left: 5rem;
+						width: 15rem;
+					}
+				}
+			}
+		}
+
+		.small-bubble {
+			background: url("/assets/img/Snapinsta-app_333082592_594932912202163_8553480550880340640_n008.png") no-repeat center;
+			background-size: contain;
+			position: relative;
+			margin-top: 0;
 
 			&:nth-of-type(1) {
-				background: url("/assets/img/Ellipse 777.5.png") no-repeat;
-				padding-left: 3.7rem;
-				width: 350px;
-				height: 451.56px;
-				left: 70%;
-				top: -100rem;
+				filter: blur(6.5px);
+				width: 137px;
+				height: 176px;
+				left: 316px;
+				top: 400px;
 			}
 
 			&:nth-of-type(2) {
-				background: url("/assets/img/Ellipse 777.4.png") no-repeat;
-				width: 308px;
-				height: 451.56px;
-				left: 60%;
-				top: -100rem;
+				filter: blur(2px);
+				width: 203px;
+				height: 253.75px;
+				left: 1343px;
+				top: 422px;
 			}
 
 			&:nth-of-type(3) {
-				background: url("/assets/img/Ellipse 777.5.png") no-repeat;
-				width: 315px;
-				height: 316px;
-				left: 50vw;
-				margin-top: -9vh;
-				z-index: 20;
-				padding: 8rem 4rem;
-				top: -100rem;
+				filter: blur(5px);
+				width: 141px;
+				height: 176px;
+				left: 865px;
+				top: 918px;
 			}
 
 			&:nth-of-type(4) {
-				background: url("/assets/img/Ellipse 777.5.png") no-repeat;
-				width: 315px;
-				height: 285px;
-				left: 10vw;
-				top: -143rem;
+				filter: blur(1px);
+				width: 77px;
+				height: 96px;
+				left: 490px;
+				top: 1129px;
+			}
+
+			&:nth-of-type(5) {
+				width: 288px;
+				height: 360px;
+				left: 1124px;
+				top: 10vh;
 			}
 		}
 	}
 
-	.gradient-bg, .gradient-bg-yellow {
-		position: relative;
-		width: 50vw;
-		height: 58vh;
-		left: 14vw;
-		top: 10em;
-		background: radial-gradient(50% 50% at 50% 50%, #ffba99 0%, rgba(236, 222, 168, 0.96) 4.17%, rgba(163, 173, 255, 0) 100%);
-		opacity: 0.5;
-		transform: rotate(197.68deg);
-	}
+	#china {
+		background-color: #141373;
+		height: 1060px;
+		width: 100vw;
+		padding-bottom: 20rem;
+		border-radius: 5rem;
+		overflow: hidden;
 
-	.gradient-bg {
-		top: -30em;
-		background: radial-gradient(50% 50% at 50% 50%, #1e33da 0%, rgba(30, 51, 218, 0.958333) 4.17%, rgba(30, 51, 218, 0) 100%);
-		transform: rotate(-17.32deg);
-	}
-
-	.computer-block {
-		background: url("/assets/img/Macbook_color 1.png") no-repeat center;
-    background-size: contain;
-		position: relative;
-		width: 100%;
-		height: 100vh;
-		left: 0;
-    top: -141vh;
-	}
-}
-
-#kyc {
-	font-family: "GT Walsheim Pro";
-	background: white;
-	padding-top: 25vh;
-	min-height: 150vh;
-
-	.text-content {
-		max-width: 37rem;
-		text-align: left;
-	}
-
-	.left-column {
-		padding-left: 5vw;
-	}
-
-	.title {
-		margin-top: 250px;
-		font-style: normal;
-		font-weight: 500;
-		font-size: 100px;
-		line-height: 90px;
-		letter-spacing: -0.04em;
-	}
-
-	.description2 {
-		font-weight: 500;
-		font-size: 60px;
-		line-height: 110%;
-		text-align: center;
-		letter-spacing: -0.04em;
-		padding: 0 10rem;
-		text-align: center;
-		width: 100%;
-		display: block;
-	}
-
-	.description {
-		font-weight: 500;
-		font-size: 60px;
-		line-height: 110%;
-		letter-spacing: -0.04em;
-	}
-
-	.button {
-		font-weight: 400;
-		font-size: 18px;
-		line-height: 26px;
-		background: white;
-		border-radius: 2rem;
-		bottom: 0;
-		box-sizing: border-box;
-		color: white;
-		font-style: normal;
-		padding: 1rem 0.5rem;
-		position: relative;
-		right: 0;
-		top: 2rem;
-		min-width: 15rem;
-		float: left;
-		color: #020225;
-		border-color: #e77064;
-	}
-
-	.color-emphasis {
-		color: #1e33da;
-	}
-
-	.fat-text {
-		font-style: normal;
-		font-weight: 600;
-		font-size: 30px;
-		line-height: 35px;
-		text-transform: uppercase;
-		color: #fffdfc;
-	}
-
-	.bubbles {
-		margin-top: -60vw;
-
-		.bubble {
+		.line {
+			background: url("/assets/img/line.png") no-repeat;
 			position: relative;
-			text-align: left;
+			width: 82vw;
+			height: 100vh;
+			left: 11rem;
+			top: -4rem;
+			z-index: 1;
 			float: left;
+			rotate: 5deg;
+			background-size: contain;
+		}
 
+		.title {
+			padding-top: 10rem;
+			margin-bottom: 2rem;
+			font-family: "GT Walsheim Pro";
+			font-style: normal;
+			font-weight: 600;
+			font-size: 60px;
+			line-height: 110%;
+			text-align: center;
+			letter-spacing: -0.04em;
+			color: white;
+		}
 
-			span {
+		.description {
+			font-family: "GT Walsheim Pro";
+			font-style: normal;
+			font-weight: 500;
+			font-size: 30px;
+			line-height: 35px;
+			text-align: center;
+			text-transform: uppercase;
+			margin-bottom: 3rem;
+		}
+
+		.columns {
+			position: absolute;
+			margin-top: -10vh;
+			padding: 10rem;
+			width: 100vw;
+			z-index: 10;
+		}
+
+		.block-item {
+			color: white;
+			font-family: "GT Walsheim Pro";
+			font-style: normal;
+			font-weight: 700;
+			font-size: 30px;
+			line-height: 120%;
+			text-align: left;
+			background-size: contain;
+		}
+
+		.block-items .block-item {
+			.bottom {
 				margin-left: 2rem;
-				float: left;
-				width: 20rem;
-        color: $dark-color;
 			}
 
 			&:nth-of-type(1) {
-				width: 25rem;
-				height: 23rem;
-				left: 46rem;
-				top: -34rem;
-				background: url("/assets/img/bubble_1.png") no-repeat;
+				background: url("/assets/img/block_pillar_1.png") no-repeat;
+				background-size: contain;
+				margin-top: 2rem;
 
-				span {
-					padding: 6rem 2.5rem;
+				.bottom {
+					margin-top: 21rem;
 				}
 			}
 
 			&:nth-of-type(2) {
-				background: url("/assets/img/bubble_2.png") no-repeat;
-				left: 34vw;
-				top: -15rem;
-				width: 35rem;
-				height: 35rem;
+				background: url("/assets/img/block_pillar_2.png") no-repeat;
 				background-size: contain;
+				margin-top: 8rem;
 
-				span {
-					margin-top: 13rem;
-					margin-left: 5rem;
+				.bottom {
+					margin-top: 22rem;
 				}
 			}
 
 			&:nth-of-type(3) {
-				background: url("/assets/img/bubble_3.png") no-repeat;
-				left: -27vw;
-				top: 8rem;
-				width: 27rem;
-				height: 35rem;
+				background: url("/assets/img/block_pillar_3.png") no-repeat;
 				background-size: contain;
+				margin-top: 10rem;
 
-				span {
-					margin-top: 10rem;
-					margin-left: 5rem;
-					width: 15rem;
+				.bottom {
+					margin-top: 25rem;
+				}
+			}
+
+			&:nth-of-type(4) {
+				background: url("/assets/img/block_pillar_4.png") no-repeat;
+				background-size: contain;
+				margin-top: 1rem;
+
+				.bottom {
+					margin-top: 24rem;
 				}
 			}
 		}
-	}
 
-	.small-bubble {
-		background: url("/assets/img/Snapinsta-app_333082592_594932912202163_8553480550880340640_n008.png") no-repeat center;
-		background-size: contain;
-		position: relative;
-		margin-top: 0;
-
-		&:nth-of-type(1) {
-			filter: blur(6.5px);
-			width: 137px;
-			height: 176px;
-			left: 316px;
-			top: 400px;
-		}
-
-		&:nth-of-type(2) {
-			filter: blur(2px);
-			width: 203px;
-			height: 253.75px;
-			left: 1343px;
-			top: 422px;
-		}
-
-		&:nth-of-type(3) {
-			filter: blur(5px);
-			width: 141px;
-			height: 176px;
-			left: 865px;
-			top: 918px;
-		}
-
-		&:nth-of-type(4) {
-			filter: blur(1px);
-			width: 77px;
-			height: 96px;
-			left: 490px;
-			top: 1129px;
-		}
-
-		&:nth-of-type(5) {
-			width: 288px;
-			height: 360px;
-			left: 1124px;
-			top: 10 vh;
-		}
-	}
-}
-
-#china {
-	background-color: #141373;
-	height: 1060px;
-	width: 100vw;
-	padding-bottom: 20rem;
-	border-radius: 5rem;
-	overflow: hidden;
-
-	.line {
-		background: url("/assets/img/line.png") no-repeat;
-		position: relative;
-		width: 82vw;
-		height: 100vh;
-		left: 11rem;
-		top: -4rem;
-		z-index: 1;
-		float: left;
-		rotate: 5deg;
-		background-size: contain;
-	}
-
-	.title {
-		padding-top: 10rem;
-		margin-bottom: 2rem;
-		font-family: "GT Walsheim Pro";
-		font-style: normal;
-		font-weight: 600;
-		font-size: 60px;
-		line-height: 110%;
-		text-align: center;
-		letter-spacing: -0.04em;
-		color: white;
-	}
-
-	.description {
-		font-family: "GT Walsheim Pro";
-		font-style: normal;
-		font-weight: 500;
-		font-size: 30px;
-		line-height: 35px;
-		text-align: center;
-		text-transform: uppercase;
-		margin-bottom: 3rem;
-	}
-
-	.columns {
-		position: absolute;
-		margin-top: -10vh;
-		padding: 10rem;
-		width: 100vw;
-		z-index: 10;
-	}
-
-	.block-item {
-		color: white;
-		font-family: "GT Walsheim Pro";
-		font-style: normal;
-		font-weight: 700;
-		font-size: 30px;
-		line-height: 120%;
-		text-align: left;
-		background-size: contain;
-	}
-
-	.block-items .block-item {
-		.bottom {
-			margin-left: 2rem;
-		}
-
-		&:nth-of-type(1) {
-			background: url("/assets/img/block_pillar_1.png") no-repeat;
-			background-size: contain;
-			margin-top: 2rem;
-
-			.bottom {
-				margin-top: 21rem;
-			}
-		}
-
-		&:nth-of-type(2) {
-			background: url("/assets/img/block_pillar_2.png") no-repeat;
-			background-size: contain;
-			margin-top: 8rem;
-
-			.bottom {
-				margin-top: 22rem;
-			}
-		}
-
-		&:nth-of-type(3) {
-			background: url("/assets/img/block_pillar_3.png") no-repeat;
-			background-size: contain;
-			margin-top: 10rem;
-
-			.bottom {
-				margin-top: 25rem;
-			}
-		}
-
-		&:nth-of-type(4) {
-			background: url("/assets/img/block_pillar_4.png") no-repeat;
-			background-size: contain;
-			margin-top: 1rem;
-
-			.bottom {
-				margin-top: 24rem;
-			}
-		}
-	}
-
-	.show-on-medium {
-		display: block;
-	}
-
-	.hide-on-medium {
-		display: none;
-	}
-}
-
-@media screen and (max-width: 1300px) {
-	#china {
 		.show-on-medium {
-			display: none;
+			display: block;
 		}
 
 		.hide-on-medium {
-			display: block;
+			display: none;
+		}
+	}
+
+	@media screen and (max-width: 1300px) {
+		#china {
+			.show-on-medium {
+				display: none;
+			}
+
+			.hide-on-medium {
+				display: block;
+			}
+
+			.line {
+				width: 62vw;
+				top: 10vh;
+			}
+
+			.block-item {
+				margin-bottom: 2rem;
+				text-align: center;
+			}
+
+			.top {
+				font-size: 4rem;
+				margin-bottom: 2rem;
+			}
+
+			.bottom {
+				font-size: 3rem;
+			}
+
+			.cols .columns {
+				text-align: center;
+				display: block;
+			}
+		}
+	}
+
+	#we_develop {
+		height: 150vh;
+		width: 100vw;
+		display: block;
+		position: relative;
+		background: url("/assets/img/line.png") fixed center no-repeat;
+		background-color: #fff;
+		text-align: center;
+
+		.title {
+			padding-top: 26rem;
+			padding-bottom: 2rem;
+			font-family: "GT Walsheim Pro";
+			font-style: normal;
+			font-weight: 600;
+			font-size: 60px;
+			line-height: 110%;
+			text-align: center;
+			letter-spacing: -0.04em;
+			max-width: 54rem;
+			margin: 2rem auto;
+		}
+
+		.quick, .long_term {
+			font-family: "GT Walsheim";
+			font-style: normal;
+			font-weight: 700;
+			font-size: 24px;
+			line-height: 150%;
+		}
+
+		.quick {
+			position: absolute;
+			left: 104px;
+			top: 70rem;
+		}
+
+		.long_term {
+			font-family: "GT Walsheim";
+			font-weight: 700;
+			font-size: 24px;
+			line-height: 150%;
+			text-align: right;
+			margin-right: 6rem;
+			margin-top: -40rem;
+		}
+
+		.light-text {
+			margin-top: -20rem;
+			font-family: "GT Walsheim Pro";
+			font-style: normal;
+			font-weight: 600;
+			font-size: 40px;
+			line-height: 100%;
+			text-align: center;
+			letter-spacing: -0.04em;
+			color: #b62f22;
+			opacity: 0.2;
+			filter: blur(2px);
+		}
+
+		.phone-container-2 {
+			margin: 0 auto;
+			background: blue;
+			min-height: 700px;
+			padding: 70px 0;
+			width: 450px;
+			background: rgba(99, 49, 27, 0.2);
+			backdrop-filter: blur(5px);
+			border-radius: 70px;
+			z-index: 20;
+		}
+
+		.picture {
+			margin-left: 5px;
+			height: 820px;
+			width: 438px;
+			background: url("/assets/img/phone_shoe.png");
+			background-size: contain;
+			overflow: hidden;
 		}
 
 		.line {
-			width: 62vw;
-			top: 10vh;
+			background: url("/assets/img/line.png");
+			position: absolute;
+			width: 100vw;
+			height: 50vh;
+			left: 0;
+			top: 15rem;
+			z-index: -1;
+			float: left;
+			background-size: contain;
 		}
 
-		.block-item {
-			margin-bottom: 2rem;
-			text-align: center;
+		.container-arrows {
+			margin: 0 auto;
+			width: 30rem;
+
+			img {
+				margin-top: 1.25rem;
+				margin-left: 0;
+			}
 		}
 
-		.top {
-			font-size: 4rem;
-			margin-bottom: 2rem;
+		.circle {
+			border: solid 2px #e77064;
+			border-radius: 100%;
+			height: 4rem;
+			width: 4rem;
+			position: absolute;
+			top: 67rem;
+			background: white;
+
+			&.circle-right {
+				right: 31vw;
+			}
+
+			&.circle-left {
+				right: 66vw;
+			}
 		}
 
-		.bottom {
-			font-size: 3rem;
+		.arrow-right-2 {
+			position: absolute;
 		}
 
-		.cols .columns {
-			text-align: center;
-			display: block;
-		}
-	}
-}
-
-#we_develop {
-	height: 150vh;
-	width: 100vw;
-	display: block;
-	position: relative;
-	background: url("/assets/img/line.png") fixed center no-repeat;
-	background-color: #fff;
-	text-align: center;
-
-	.title {
-		padding-top: 26rem;
-		padding-bottom: 2rem;
-		font-family: "GT Walsheim Pro";
-		font-style: normal;
-		font-weight: 600;
-		font-size: 60px;
-		line-height: 110%;
-		text-align: center;
-		letter-spacing: -0.04em;
-		max-width: 54rem;
-		margin: 2rem auto;
-	}
-
-	.quick, .long_term {
-		font-family: "GT Walsheim";
-		font-style: normal;
-		font-weight: 700;
-		font-size: 24px;
-		line-height: 150%;
-	}
-
-	.quick {
-		position: absolute;
-		left: 104px;
-		top: 70rem;
-	}
-
-	.long_term {
-		font-family: "GT Walsheim";
-		font-weight: 700;
-		font-size: 24px;
-		line-height: 150%;
-		text-align: right;
-		margin-right: 6rem;
-		margin-top: -40rem;
-	}
-
-	.light-text {
-		margin-top: -20rem;
-		font-family: "GT Walsheim Pro";
-		font-style: normal;
-		font-weight: 600;
-		font-size: 40px;
-		line-height: 100%;
-		text-align: center;
-		letter-spacing: -0.04em;
-		color: #b62f22;
-		opacity: 0.2;
-		filter: blur(2px);
-	}
-
-	.phone-container-2 {
-		margin: 0 auto;
-		background: blue;
-		min-height: 700px;
-		padding: 70px 0;
-		width: 450px;
-		background: rgba(99, 49, 27, 0.2);
-		backdrop-filter: blur(5px);
-		border-radius: 70px;
-		z-index: 20;
-	}
-
-	.picture {
-		margin-left: 5px;
-		height: 820px;
-		width: 438px;
-		background: url("/assets/img/phone_shoe.png");
-		background-size: contain;
-		overflow: hidden;
-	}
-
-	.line {
-		background: url("/assets/img/line.png");
-		position: absolute;
-		width: 100vw;
-		height: 50vh;
-		left: 0;
-		top: 15rem;
-		z-index: -1;
-		float: left;
-		background-size: contain;
-	}
-
-	.container-arrows {
-		margin: 0 auto;
-		width: 30rem;
-
-		img {
-			margin-top: 1.25rem;
-			margin-left: 0;
+		.rotated {
+			transform: rotate(180deg);
 		}
 	}
 
-	.circle {
-		border: solid 2px #e77064;
-		border-radius: 100%;
-		height: 4rem;
-		width: 4rem;
-		position: absolute;
-		top: 67rem;
+	#full_creative {
 		background: white;
+		min-height: 120vh;
 
-		&.circle-right {
-			right: 31vw;
-		}
-
-		&.circle-left {
-			right: 66vw;
-		}
-	}
-
-	.arrow-right-2 {
-		position: absolute;
-	}
-
-	.rotated {
-		transform: rotate(180deg);
-	}
-}
-
-#full_creative {
-	background: white;
-	min-height: 120vh;
-
-	.title {
-		font-family: "GT Walsheim Pro";
-		font-weight: 600;
-		font-size: 100px;
-		line-height: 90px;
-		text-align: center;
-		letter-spacing: -0.04em;
-		margin-bottom: 5rem;
-	}
-
-	.columns {
-		text-align: left;
-	}
-
-	.sub-title {
-		font-family: "GT Walsheim Pro";
-		font-style: normal;
-		font-weight: 500;
-		font-size: 2rem;
-		line-height: 100%;
-		letter-spacing: -0.04em;
-		color: #020225;
-		margin-bottom: 1rem;
-
-		+ .sub-title {
-			margin-top: 2rem;
-		}
-	}
-
-	p {
-		font-weight: 400;
-		font-size: 16px;
-		line-height: 110%;
-		margin-bottom: 4rem;
-		padding-right: 2rem;
-	}
-
-	img {
-		max-width: 80vw;
-	}
-}
-
-#our_team {
-	background: white;
-	padding-top: 5rem;
-	padding-left: 2rem;
-	text-align: left;
-	min-height: 150vh;
-
-	.title {
-		font-weight: 500;
-		font-size: 270px;
-		line-height: 9rem;
-		letter-spacing: -0.06em;
-		text-align: left;
-		margin-bottom: 6rem;
-	}
-
-	.sub-title {
-		font-weight: 500;
-		font-size: 60px;
-		line-height: 110%;
-		letter-spacing: -0.04em;
-		color: #020225;
-		margin-top: 2rem;
-		margin-bottom: 2rem;
-	}
-
-	img {
-		margin-bottom: 1rem;
-		width: 100%;
-		max-width: 100%;
-		padding-left: 0;
-		margin-left: 0;
-	}
-
-	.name {
-		margin-top: 1rem;
-		margin-bottom: 2rem;
-	}
-
-	.sub-category {
-		padding: 0 2em;
-		background: white;
-	}
-}
-
-#china_achievements {
-	margin-top: 5rem;
-	background: white;
-	min-height: 50vh;
-  height: 1040px;
-	padding: 5rem 172px 0;
-	text-align: left;
-
-	.title {
-		font-weight: 500;
-		font-size: 100px;
-		line-height: 90px;
-		color: #1e33da;
-		letter-spacing: -0.04em;
-		width: 50vw;
-	}
-
-	.description {
-		font-weight: 400;
-		font-size: 18px;
-		line-height: 26px;
-		color: #020225;
-	}
-
-	.tiles-box {
-		margin-top: 10rem;
-
-		.column {
+		.title {
+			font-family: "GT Walsheim Pro";
+			font-weight: 600;
+			font-size: 100px;
+			line-height: 90px;
+			text-align: center;
+			letter-spacing: -0.04em;
 			margin-bottom: 5rem;
 		}
+
+		.columns {
+			text-align: left;
+		}
+
+		.sub-title {
+			font-family: "GT Walsheim Pro";
+			font-style: normal;
+			font-weight: 500;
+			font-size: 2rem;
+			line-height: 100%;
+			letter-spacing: -0.04em;
+			color: #020225;
+			margin-bottom: 1rem;
+
+			+ .sub-title {
+				margin-top: 2rem;
+			}
+		}
+
+		p {
+			font-weight: 400;
+			font-size: 16px;
+			line-height: 110%;
+			margin-bottom: 4rem;
+			padding-right: 2rem;
+		}
+
+		img {
+			max-width: 80vw;
+		}
 	}
 
-	.offset-left-columns {
-		margin-left: -10rem;
-	}
-}
+	#our_team {
+		background: white;
+		padding-top: 5rem;
+		padding-left: 2rem;
+		text-align: left;
+		min-height: 150vh;
 
-#baozun_group {
-	margin-top: 150px;
-	background: url("/assets/img/baozun.jpg") no-repeat;
-	background-size: cover;
-	border-radius: 80px;
+		.title {
+			font-weight: 500;
+			font-size: 270px;
+			line-height: 9rem;
+			letter-spacing: -0.06em;
+			text-align: left;
+			margin-bottom: 6rem;
+		}
 
-	.title {
-		color: #fffdfc;
-		font-style: normal;
-		font-weight: 600;
-		font-size: 100px;
-		line-height: 90px;
-		text-align: center;
-		letter-spacing: -0.04em;
-		padding-top: 464px;
-	}
-}
+		.sub-title {
+			font-weight: 500;
+			font-size: 60px;
+			line-height: 110%;
+			letter-spacing: -0.04em;
+			color: #020225;
+			margin-top: 2rem;
+			margin-bottom: 2rem;
+		}
 
-.counter-block {
-	.big-number {
-		font-weight: 600;
-		font-size: 140px;
-		line-height: 90%;
-		letter-spacing: -0.04em;
-		color: #020225;
+		img {
+			margin-bottom: 1rem;
+			width: 100%;
+			max-width: 100%;
+			padding-left: 0;
+			margin-left: 0;
+		}
+
+		.name {
+			margin-top: 1rem;
+			margin-bottom: 2rem;
+		}
+
+		.sub-category {
+			padding: 0 2em;
+			background: white;
+		}
 	}
 
-	.text-description {
-		font-weight: 400;
-		font-size: 10px;
-		line-height: 150%;
-		text-align: center;
-		text-transform: uppercase;
-		color: #020225;
+	#china_achievements {
+		margin-top: 5rem;
+		background: white;
+		min-height: 50vh;
+		height: 1040px;
+		padding: 5rem 172px 0;
+		text-align: left;
+
+		.title {
+			font-weight: 500;
+			font-size: 100px;
+			line-height: 90px;
+			color: #1e33da;
+			letter-spacing: -0.04em;
+			width: 50vw;
+		}
+
+		.description {
+			font-weight: 400;
+			font-size: 18px;
+			line-height: 26px;
+			color: #020225;
+		}
+
+		.tiles-box {
+			margin-top: 10rem;
+
+			.column {
+				margin-bottom: 5rem;
+			}
+		}
+
+		.offset-left-columns {
+			margin-left: -10rem;
+		}
 	}
 
-	img {
-		margin-left: 80px;
+	#baozun_group {
+		margin-top: 150px;
+		background: url("/assets/img/baozun.jpg") no-repeat;
+		background-size: cover;
 		border-radius: 80px;
+
+		.title {
+			color: #fffdfc;
+			font-style: normal;
+			font-weight: 600;
+			font-size: 100px;
+			line-height: 90px;
+			text-align: center;
+			letter-spacing: -0.04em;
+			padding-top: 464px;
+		}
 	}
+
+	.counter-block {
+		.big-number {
+			font-weight: 600;
+			font-size: 140px;
+			line-height: 90%;
+			letter-spacing: -0.04em;
+			color: #020225;
+		}
+
+		.text-description {
+			font-weight: 400;
+			font-size: 10px;
+			line-height: 150%;
+			text-align: center;
+			text-transform: uppercase;
+			color: #020225;
+		}
+
+		img {
+			margin-left: 80px;
+			border-radius: 80px;
+		}
+	}
+
+@media all and (min-width: 601px) {
 }
 
 /**