Main page without last slide (±adaptive)

src/components/Main.vue

@@ -19,10 +19,10 @@
 		</div>
 		<div id="about" class="item">
 			<div class="row">
-				<div class="about_block col-4 col-sm-12 col-md-12 col-lg-5">
+				<div class="about_block col-sm-10 col-md-8 col-lg-8">
 					<p id="about_title">{{About}}</p>
 					<div class="row about_mini_block">
-						<div v-for="about in about_list" class="col-4 col-sm-12 col-md col-lg-4">
+						<div style="margin: 0 auto; margin-bottom: 10px;" v-for="about in about_list" class="col-sm-9 col-md-12 col-lg-4">
 							<div class="about_fon_block">
 								<div class="about">
 									<div class="about_img">
@@ -131,7 +131,7 @@
 
 #main #about{
 	/* margin-top: -1.9vh; */
-	height: calc( 0.9 * 100vh);
+	min-height: calc( 0.9 * 100vh);
 }
 
 #main .about_block{
@@ -177,7 +177,7 @@
 #main .about_block .about_mini_block .about_fon_block .about .about_text p{
 	color: white;
 	text-align: justify;
-	font-size: calc( 0.009 * 100vw);
+	font-size: calc(0.5 * 100% + 12px);
 	font-weight: bold;
 	-webkit-hyphens: auto; 
 	-ms-hyphens: auto; 
@@ -190,7 +190,7 @@
 }
 #main #info_block{
 	margin: 0 auto;
-    margin-left: 33%;
+    /* margin-left: 33%; */
     margin-top: 9%;
 }
 #main #info #info_mini_block{