css changues

css/main.css

@@ -232,8 +232,21 @@ body {
     width: 1vw;
     margin: 0.5vw 2.1vw;    
  }
+ .container-carrusel{
+    width: 100% !important; 
+    margin-top: 66.1vw; 
+    margin-left: 0px !important; 
+    margin-right: 0px !important;
+ }
+ @media screen and (max-width: 1536px) {
+    .container-carrusel{
+    }
+ }
  @media screen and (max-width: 768px) {
-     .carousel-inner{width: 106vw!important;}
+     .container-carrusel{
+         margin-top: 63vw;
+     }
+     .carousel-inner{width: 99vw!important;}
      .formulario{
          height: 42vw;
      }
@@ -244,7 +257,7 @@ body {
          height: 5vw;
      }
      .aviso-formulario{
-         margin-top: 2vw;
+         margin-top: -1vw;
      }
      .btn-formulario{
          display: block;
@@ -260,7 +273,7 @@ body {
          font-size: 2vw;
      }
      .medium{
-         margin-top: 15vw;
+         margin-top: 8vw;
          /* margin-bottom: 62vw; */
          padding-bottom: 2vw;
      }

index.html

@@ -228,7 +228,7 @@
            
             
         </container>
-        <container class="row" style="    width: 100% !important; margin-top: 66.1vw; margin-left: 0px !important; margin-right: 0px !important;">
+        <container class="row container-carrusel" >
             <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                 <ol class="carousel-indicators">
                   <li  data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>