centrado nosotros

Author: Gastoncorvata

img/bg2-img.jpg

@@ -18,7 +18,7 @@
         <div class="lds-ring loader" id="loader"><div></div><div></div><div></div><div></div></div>
         <header class="header">
             <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top" id="customNavbar">
-                <a class="navbar-brand" href="./index.html"><i class="fas fa-drafting-compass"></i></a>
+                <a class="navbar-brand" href="./index.html">Metal Stretch  <i class="fas fa-drafting-compass"></i></a>
                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
@@ -40,18 +40,17 @@
                             <a class="nav-link" href="./contacto.html">CONTACTO</a>
                         </li>
                     </ul>
-                    <a class="navbar-brand" href="./index.html">Metal Stretch</a>
                 </div>
             </nav>
             <div class="container">
                 <div class="row row-titulo">
-                <div class="col-6 offset-2">
+                <div class="col-6 offset-2 metal">
                     <h1 class="animate__animated animate__rotateInDownLeft">Metal</h1>
                 </div>
-                <div class="offset-2 col-7 offset-3">
+                <div class="offset-2 col-7 offset-3 stretch">
                     <h1 class="animate__animated animate__rotateInDownLeft animate__delay-1s"><span>Stretch</span></h1>
                 </div>
-                <div class="offset-5 col-6">
+                <div class="offset-5 col-6 calidad">
                     <h2 class="animate__animated animate__bounceIn animate__delay-2s"><span>Mecanizado </span> de calidad</h2>
                 </div>
             </div>

img/compras.jpg

@@ -18,14 +18,26 @@
             width: auto;
         }
     }
+    .metal{
+        margin-left: 47%;
+    }
+    .stretch{
+        margin-left: 30%;
+    }
+    .calidad{
+        margin-left: 35%;
+    }
 
         h1 {
             font-family: 'Black Ops One', cursive;
-            font-size: 40px;
+            font-size: 45px;
             font-weight: 900;
             text-shadow: $grey-shadow;
-            @media (min-width: 700px){
+            text-align: center;
+            margin-left: auto;
+            @media (min-width: 820px){
                 font-size: 120px;
+                margin-left: auto;
             }
 
             span {
@@ -40,9 +52,10 @@
         h2 {
             margin-top: 20px;
             font-family: 'Libre Barcode 128 Text', cursive;
-            font-size: 27px;
+            font-size: 28px;
             text-shadow: $grey-shadow;
             font-weight: 500;
+            text-align: center;
             margin-bottom: 50px;
             @media (min-width: 700px){
                 font-size: 70px;