cambios

src/views/products/Products.vue

@@ -38,7 +38,7 @@
 
     <h6 class="text-centered">{{ $t('products_page.download')}}</h6>
     <div class="buttons text-centered">
-      <button class="mt-5" @click.prevent.stop="download">{{ $t('common.download') }}</button>
+      <button class="mt-2" @click.prevent.stop="download">{{ $t('common.download') }}</button>
     </div>
   </section>
 </template>
@@ -46,8 +46,9 @@
 <style lang="scss" scoped>
 .product-section.content {
   h6 {
+      margin-top: 64px;
       font-weight: 200;
-      font-size: 52px;
+      font-size: 36px;
       text-align: left;
       line-height: 60px;
   }

src/views/social/Social.vue

@@ -5,9 +5,9 @@
     <p>{{ $t('social.paragraph1') }}</p>
     <p>{{ $t('social.paragraph2') }}</p>
   </section>
-  <section class="social-bottom">
+  <section class="social-bottom content">
     <img src="@images/proyect-soc-new.jpg">
-    <p>{{ $t('social.paragraph3') }}<br><br>{{ $t('social.paragraph4') }}</p>
+    <p>Creemos en el poder {{ $t('social.paragraph3') }}<br><br>{{ $t('social.paragraph4') }}</p>
   </section>
 </template>
 
@@ -18,25 +18,18 @@ import { slides } from '../../data';
 
 <style lang="scss" scoped>
   .social-bottom {
-    padding: 0px 72px;
+    padding: 0 72px 72px;
     background-position: top left;
-    // display: grid;
-    // grid-template-columns: 1fr 1fr;
-    .left {
-      padding: 0 32px 0 0
-    }
+    overflow: hidden;
+   
 
     img {
-      float: right;
-      width: 50%;
+      float: left;
+      width: 300px;
       padding: 16px
     }
     p {
-      font-weight: 500;
-      color: #603809;
-      font-size: 24px;
-      line-height: 40px;
-
+      padding-top: 70px;
     }
   }