ajuste mobile

Author: Gastoncorvata

Sales quote.docx

@@ -40,7 +40,7 @@ <h2 class="text-h2">Corte por Agua</h2>
                         </div>
                         <section class="row">
                             <div class="col-sm-12 col-md-6 col-lg-6">
-                                <iframe width="500" height="300" src="https://www.youtube.com/embed/dBXo5r4UeQs?start=21" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                                <iframe class="video-maquina" width="500" height="300" src="https://www.youtube.com/embed/dBXo5r4UeQs?start=21" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                             </div>
                             <div class="col-sm-12 col-md-6 col-lg-6">
                                 <h6 class="text-center">Especificaciones <span>Tecnicas</span></h6>

Sales quote.pdf

@@ -257,7 +257,7 @@
         text-align: center;
         font-size: 28px;
         span{
-            padding: 10px;
+            padding: 5px;
             color: rgba($color: #ffffff, $alpha: 0.7);
             background: $transparente;
             border-radius: 20px;
@@ -298,7 +298,20 @@
     border-radius: 10px;
     padding: 20px;
     margin: 20px 0 30px 0;
-
+    margin: 15px;
+    @media (max-width: 700px){
+        width: 100%;
+        height: auto;
+    }
+}
+.video-maquina{
+    @media (max-width:576px){
+        width: 350px;
+        height: auto;}
+    @media (max-width: 700px){
+        width: 400px;
+        height: auto;
+    }
 }
 /*404*/
 .sinbg{