pruebas

css/main.css

-
-
 body {
-    font-family: "Poppins", Arial, sans-serif !important;
+    /* font-family: "Poppins", Arial, sans-serif !important;*/
      font-weight: 300!important;
      font-size: 15px!important;
      line-height: 1.7!important;
      height: 216vw!important;
-}
-container {
+ }
+ container {
      width: 100%;
  
-}
-footer{
+ }
+ footer{
      margin-top: 5vw;
-}
-.start{
+ }
+ .start{
      margin-top: 13vw;
      
-}
-.title-one{
+ }
+ .title-one{
      margin-left: 7vw;
      text-align: center;
  
-}
-.medium{
+ }
+ .medium{
      margin-top: 16vw;
  
-}
-.club-start{
+ }
+ .club-start{
      margin-bottom: 0px;
      font-size: 7vw;
      font-weight: 700;
      color: #000;
      height: 7vw;
-}
-.ultra-start{
+ }
+ .ultra-start{
      font-size: 5vw;
      font-weight: 700;
      color: #D8211A;
      margin-bottom: 0px;
  
-}
-.family-start{
+ }
+ .family-start{
      color: #fff;
      font-size: 2vw;
      background: #000;
      font-weight: 600;
      width: 64%;
      margin-left: 7vw;
-}
-.title-two{
+ }
+ .title-two{
      margin-top: 7vw;
      text-align: right;
      font-size: 2vw;
      font-weight: 1000;
-    color: #4C4C4C;
+     color: #000;
      max-width: 43%  !important;
      line-height: 3vw  !important;
-}
-.text-intro{
+ }
+ .text-intro{
      margin-bottom: 0;
      background: #ffffff3b;
      border-radius: 17px;
-}
-.start-end{
+ }
+ .start-end{
      padding-left: 11vw !important;
      padding-top: 2vw !important;
-}
-.text-introend{
+ }
+ .text-introend{
      color:#312e2e;
      font-size: 2vw;
      font-weight: 700;
@@ -75,36 +73,36 @@ footer{
     /* background: #ffffff8c;*/
      border-radius: 17px;
      background: #ffffff0f;
-}
-.text-end{
+ }
+ .text-end{
      background: #ffffff0f;
      margin-bottom: 0;
     /* background: #ffffff8c;*/
      border-radius: 17px;
      font-size: 1.4vw;
-}
-.fondo{
+ }
+ .fondo{
      /*background-image:linear-gradient(179deg, #ffffff5e, #ffffff00), url(../images/WEB.png);*/
      background-image:url(../images/WEB.png);
      background-size: cover;
      background-repeat: no-repeat;
     /* background-color: #343b3b;*/
-}
-.formulario{
+ }
+ .formulario{
      width: 32vw;
      height: 39vw;
      text-align: center;
      margin-left: 10vw;
      border-radius: 15px;
      box-shadow: 2px 6px 20px 0vw #00000047;
-}
-.header-formulario {
+ }
+ .header-formulario {
      
      background-color:#D8211A; 
      border-top-left-radius: 1.5vw;
      border-top-right-radius: 1.5vw;
-}
-.title-formulario{
+ }
+ .title-formulario{
      margin-bottom: 0vw;
      color: #fff;
      font-weight: 700;
@@ -113,13 +111,13 @@ footer{
      padding-top: 0.5vw;
      height: 2.5vw;
  
-}
-.subtitle-formulario{
+ }
+ .subtitle-formulario{
      color: #fff;
      font-size: 1.1vw;
      margin-bottom: 1vw;
-}
-.inputWithIcon input{
+ }
+ .inputWithIcon input{
      color: #4C4C4C;
      text-align: center;
      background: #E9E9E9;
@@ -129,12 +127,12 @@ footer{
      margin-bottom: 1vw;
      height: 4vw;
      font-size: 1.1vw;
-}
-.aviso-formulario{
+ }
+ .aviso-formulario{
      font-size: 1vw;
      margin-bottom: 1vw;
-}
-.btn-formulario{
+ }
+ .btn-formulario{
      color: #fff;
      background-color: #D8211A;
      border: none;
@@ -143,28 +141,28 @@ footer{
      height: 4vw;
      font-size: 1.5vw;
  
-}
-.video{
+ }
+ .video{
      height: 39vw;
      padding-top: 2vw;
      padding-left: 5vw;
  
-}
-.title-video{
+ }
+ .title-video{
      text-align: center;
      color: #4C4C4C;
      font-size: 2.5vw;
      font-weight: 700;
-}
-.text-video{
+ }
+ .text-video{
      margin-bottom: 0px;
      margin-top: 1vw;
      color: #494949;
      font-size: 1.1vw;
      text-align: justify;
      line-height: 1.5vw;
-}
-.footer-title{
+ }
+ .footer-title{
      margin-bottom: 0vw;
      color: #fff;
      font-size: 1.5vw;
@@ -173,27 +171,27 @@ footer{
      margin-right: 17vw;
      padding-top: 2vw;
      height: 4vw;
-}
-.footer-subtitle{
+ }
+ .footer-subtitle{
      text-align: center;
      font-size: 2vw;
      font-weight: 600;
      color: white;
-}
-.item-footer{
+ }
+ .item-footer{
      font-size: 1vw;
      color: #fff;
      text-align: center;
-}
-.redsocial-footer{
+ }
+ .redsocial-footer{
      text-align: center;
      width: 100%;
-}
-.img-carusel{width: 100vw!important;height: 41.5vw; }
-.active{
+ }
+ .img-carusel{width: 100vw!important;height: 41.5vw; }
+ .active{
      opacity: 4 !important;
      }
-.carousel-indicators li{
+ .carousel-indicators li{
      width: 23px !important; 
      height: 23px !important;
      border-radius: 7vw !important;
@@ -202,9 +200,16 @@ footer{
      background: red !important;
      margin: 2vw 1vw !important;
  
-}
-.carousel-inner{width: 100vw!important;}
-@media screen and (max-width: 768px) {
+ }
+ .redes{
+     margin-left: 2vw;
+     width: 1.5vw;
+     height: 28vw;
+     float: left;
+     position: absolute;
+ }
+ .carousel-inner{width: 100vw!important;}
+ @media screen and (max-width: 768px) {
      .carousel-inner{width: 106vw!important;}
      .formulario{
          height: 42vw;
@@ -241,7 +246,5 @@ footer{
          height: 1vw !important;
      }
          
-}
-    
-
+ }
      
\ No newline at end of file

index.html

@@ -25,7 +25,7 @@
 </head>
     <script >
         $(document).ready(function () {
-            console.log('entramos teady')
+            console.log('entramos ready')
             var fecha = new Date();
             var now = new Date();
 
@@ -126,7 +126,7 @@
     <body class="fondo" style="font-family: montserrat-medium, sans-serif;" >
         <container>
             <div class="row start" style="    width: 100% !important">
-
+                <img class="redes" src="images/redes.png" alt="">         
                 <div class="col title-one"  style="max-width: 40%;">  
                     <img style=" width: 26vw" src="images/logo.png" alt="">