Main page with base(30%) and footer(?_adaptive_?)

src/components/Main.vue

@@ -87,9 +87,28 @@
 		</div>
 		<div class="background_image2">
 			<div id="base" class="item row">
-				<div id="base_block" class="col-sm-12 col-md-12 col-lg-6">
+				<div id="base_block" class="col-sm-12 col-md-12 col-lg-9 row">
+					<div id="shit" class="col-sm-12 col-md-6 col-lg-3 blocks_base">
+						<div class="mount">
+							<div class="img_mount">
+								<img src="../source/Mount1.png" />
+							</div>
+						</div>
+					</div>
+					<div v-if="!mobile" id="earth" class="col-sm-12 col-md-12 col-lg-6">
 
+					</div>
+					<div id="blag" class="col-sm-12 col-md-6 col-lg-3 blocks_base">
+						<div class="mount">
+							<div class="img_mount">
+								<img src="../source/Mount2.png" />
+							</div>
+						</div>
+					</div>
 				</div>
+
+
+
 				<div v-scroll-to="'#main'" class="strelka strelka_four">
 					<div id="arrow">
 						<div id="arrowleft"></div>
@@ -203,7 +222,7 @@
 
 #main .about_block .about_mini_block .about_fon_block{
 	/* margin:10px; */
-	background-color: rgba(25, 45, 54, 0.8);
+	background-color: rgba(2, 55, 76, 0.72);
 	/* height: 500px; */
 	/* padding: 10px; */
 	height: 100%;
@@ -308,6 +327,22 @@
 /* BASE */
 #main #base{
 	height: 100vh;
+	margin: 0 auto;
+	padding-top: 10%;
+}
+#main #base_block{
+	margin: 0 auto;
+}
+#main .blocks_base{
+	background-color: rgba(2, 55, 76, 0.72);;
+}
+#main .blocks_base .mount{
+	padding: 10px;
+}
+#main .blocks_base .mount .img_mount{
+	margin: 0 auto;
+	padding: 30px;
+	border-bottom: 3px solid white;
 }
 
 
@@ -473,7 +508,11 @@ export default {
 				},
 			],
 			info_telescope: 'АО "АНЦ" осуществляет управление работой 51 телескопом с апертурой от 19см до 65см, размещенными в 14 обсерваториях',
+			mount1_title: 'Гора Шиджатмаз',
+			mount2_title: 'Благовещенский район',
 
+			mount1:[],
+			mount2:[],
 			footer_tel_mail: ' +7 (495) 641 5135 / info@ancprotek.ru ',
 			footer_address: 'Россия, Москва, шоссе Энтузиастов, 56с25' 
 		}