From 5eec340d26c77c75673804d727431ea0f81b54a7 Mon Sep 17 00:00:00 2001
From: Marving <bryan_marving@hotmail.com>
Date: Tue, 1 Dec 2020 21:30:52 -0600
Subject: [PATCH] cambios en el contenido D0012

---
 .../home-patrocinadores.component.html        | 10 +++-
 .../home-patrocinadores.component.scss        | 47 +++++++++++++++++++
 2 files changed, 55 insertions(+), 2 deletions(-)

diff --git a/src/app/components/home-patrocinadores/home-patrocinadores.component.html b/src/app/components/home-patrocinadores/home-patrocinadores.component.html
index 83e9301..c71aaaa 100644
--- a/src/app/components/home-patrocinadores/home-patrocinadores.component.html
+++ b/src/app/components/home-patrocinadores/home-patrocinadores.component.html
@@ -9,8 +9,14 @@
 
       <div class="carousel-inner" >
         <div class="carousel-item" *ngFor="let patrocinador of sponsorList; let i = index" [ngClass]="i == 0 ? 'active': ''">
-          <img class="inner-logo" [src]=patrocinador.url alt="">
-          <p>{{patrocinador.frase}}</p>
+          <div style="height: 15%; position: relative;"
+          >
+            <img class="inner-logo" [src]=patrocinador.url alt="" style="margin-top: 14%;" >
+          </div>
+          <div class="inner-Data" style="height: 80%; position: relative;"
+          >
+            <p style="overflow: hidden; position: relative;" >{{patrocinador.frase}}</p>
+          </div>
         </div>
       </div>
       <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
diff --git a/src/app/components/home-patrocinadores/home-patrocinadores.component.scss b/src/app/components/home-patrocinadores/home-patrocinadores.component.scss
index 67d87fc..0b69e52 100644
--- a/src/app/components/home-patrocinadores/home-patrocinadores.component.scss
+++ b/src/app/components/home-patrocinadores/home-patrocinadores.component.scss
@@ -256,6 +256,53 @@
   }
 }
 
+
+/* Phones */
+@media only screen and (min-width: 319px) and (max-width: 348px) {
+  .inner-Data{
+    display: none;
+  }
+
+  .home-faq {
+    &__hero {
+      img {
+        width: 80%;
+      }
+    }
+
+    .col-4,
+    .col-6 {
+      flex: unset;
+      max-width: 100%;
+      width: 100%;
+    }
+
+    .row {
+      &.mobile-arrangement {
+        flex-direction: column-reverse;
+      }
+    }
+
+    .text-container {
+      padding: 25px 0;
+    }
+
+    .form {
+      width: 90%;
+
+      &__title {
+        font-size: 36px;
+      }
+    }
+  }
+
+  .steps {
+    &-section {
+      display: none;
+    }
+  }
+}
+
 /* Phones */
 @media only screen and (max-width: 600px) {
   .home-faq {