pagina de error y modificaciones carousel

.htaaccess

@@ -1 +1 @@
-ErrorDocument 404 /Error404/404.html
+ErrorDocument 404 /Error404

productos/index.html

@@ -89,23 +89,29 @@ <h1 class="titulo-productos">Pizzas</h1>
         <div class="carousel-inner">
           <div class="carousel-item active">
             <img src="../fotos/muzzarella2.jpg" class="w-50" alt="muzarrella" />
+            <br />
             <div>
-              <h3>Muzzarella</h3>
-              <p>Salsa de tomate, orégano, muzzarella.</p>
+              <h2>Muzzarella</h2>
+              <h4>Salsa de tomate, orégano, muzzarella.</h4>
             </div>
           </div>
           <div class="carousel-item">
             <img src="../fotos/napolitana.jpg" class="w-50" alt="Napolitana" />
+            <br />
             <div>
-              <h3>Napolitana</h3>
-              <p>Salsa de tomate, Rodajas de tomate, muzarrella y albaca.</p>
+              <h2>Napolitana</h2>
+              <h4>Salsa de tomate, Rodajas de tomate, muzarrella y albaca.</h4>
             </div>
           </div>
           <div class="carousel-item">
-            <img src="../fotos/fugazzeta.jpg" class="w-50" alt="Fugazzeta" />
+            <img
+              src="../fotos/fugazzeta.jpg"
+              class="w-50"
+              alt="Fugazzeta"
+            /><br />
             <div>
-              <h3>Fugazzeta</h3>
-              <p>Cebolla, Muzzarella y orégano.</p>
+              <h2>Fugazzeta</h2>
+              <h4>Cebolla, Muzzarella y orégano.</h4>
             </div>
           </div>
         </div>

scss/_productos.scss

@@ -13,7 +13,7 @@
     font-size: 3rem;
     font-weight: 600;
     color: #400000;
-    margin-bottom: 3rem;
+    margin-bottom: 1rem;
     padding: 20px 0;
   }
 }
@@ -26,5 +26,5 @@
   padding: 20px;
 }
 $carousel-control-color: rgb(0, 0, 0);
-$carousel-control-width: 45%;
+$carousel-control-width: 40%;
 $carousel-transition-duration: 2s;