Main page without last slide (+adaptive)

src/components/Main.vue

 <template>
 	<div id="main">
+		<div class="background_image">
 			<div id="title" class="item">
 				<div id="block_title">
 					<div class="title_img">
@@ -47,7 +48,7 @@
 				</div>
 			</div>
 			<div id="info" class="item row">
-			<div id="info_block" class="col-4 col-sm-12 col-md-12 col-lg-7">
+				<div id="info_block" class="col-sm-12 col-md-12 col-lg-6">
 					<div id="info_mini_block">
 						<div id="info_title">
 							<p>{{info}}</p>
@@ -68,6 +69,25 @@
 							</ul>
 						</div>
 					</div>
+					<div class="row" id="telescope">
+						<div class="col-sm-12 col-md-12 col-lg-12 teleskopes_info">
+							<p>
+								{{info_telescope}}
+							</p>
+						</div>
+					</div>
+				</div>
+				<div v-scroll-to="'#base'" class="strelka strelka_three">
+					<div id="arrow">
+						<div id="arrowleft"></div>
+						<div id="arrowright"></div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div id="base" class="item row">
+			<div id="base_block" class="col-sm-12 col-md-12 col-lg-6">
+
 			</div>
 		</div>
 		
@@ -82,16 +102,18 @@
 	color: #2c3e50;
 	margin-top: 4vh;
 	/* height: 100vh; */
-}
-#main{
 	width: 100vw;
 	/* background-image: url('../source/Bacground.png') */
+}
+#main .background_image{
+	
 }
 #main .item{
 	/* width: 85%; */
 	margin: 0 auto;
 	/* height: 100vh; */
 }
+/* TITLE */
 #main #title{
 	height: calc( 0.9 * 100vh - 80px );
 }
@@ -129,6 +151,7 @@
 	font-size: calc( 0.04 * 100vw + 19.2px );
 }
 
+/* ABOUT */
 #main #about{
 	/* margin-top: -1.9vh; */
 	min-height: calc( 0.9 * 100vh);
@@ -183,7 +206,7 @@
 	-ms-hyphens: auto; 
 	hyphens: auto;
 }
-
+/* INFO */
 #main #info{
 	height: 1000px;
 	margin: 0 auto;
@@ -191,11 +214,12 @@
 #main #info_block{
 	margin: 0 auto;
     /* margin-left: 33%; */
-    margin-top: 9%;
+    margin-top: 8%;
 }
 #main #info #info_mini_block{
 	/* width: 50%; */
-	margin-left: calc( 0.007 * 100vmin + 19.2px );
+    margin-left: 33%;
+	margin-left: calc( 0.07 * 100vmin + 19.2px );
 }
 #main #info #info_mini_block #info_title{
 	width: 84%;
@@ -238,8 +262,24 @@
 	font-weight: bold;
 	font-size: calc( 0.002 * 100vmin + 17.2px );
 }
+#main #info #telescope{
+	margin-top: 15%;
+}
+#main #info #telescope p{
+	color: white;
+	font-weight: bold;
+	text-transform: uppercase;
+	font-size: calc( 0.013 * 100vmin + 17.2px );
+}
+#main #info #telescope .teleskopes_info{
+	margin: 0 auto;
+}
 
 
+/* BASE */
+#main #base{
+	height: 100vh;
+}
 
 
 .strelka{
@@ -289,6 +329,10 @@
 	margin-top: 50px;
 	margin-left: calc(50% - 25px);
 }
+.strelka_three{
+	margin-top: 30px;
+	margin-left: calc(50% - 25px);
+}
 
 
 @media only screen  and (min-height: 1400px) {
@@ -337,7 +381,7 @@ export default {
 			about_list: [
 				{
 					img: '~../../img/icons/android-chrome-192x192.png',
-					text: 'Создание и эксплуатацию автоматизированных оптико-электронных систем наблюдения за космическими объектами (искусственного и естественного происхождения)'
+					text: 'Создание и эксплуатацию автоматизированных оптико-электронных систем наблюдения за космическими объектами ( искусственного и естественного происхождения )'
 				},
 				{
 					img: '~../../img/icons/android-chrome-192x192.png',
@@ -370,7 +414,8 @@ export default {
 					text_one: 'суммарное поле зрения 8712 кв. градуса (с апертурой 50, 65 см)',
 					text_two: '0.2 от полной площади сферы'
 				},
-			]
+			],
+			info_telescope: 'АО "АНЦ" осуществляет управление работой 51 телескопом с апертурой от 19см до 65см, размещенными в 14 обсерваториях',
 		}
 	},
 	created: function (){