diff --git a/assets/styles/layout/_main.scss b/assets/styles/layout/_main.scss
index 7bdbe0d..cf41246 100755
--- a/assets/styles/layout/_main.scss
+++ b/assets/styles/layout/_main.scss
@@ -1,3 +1,11 @@
+.page-404 {
+  min-height: 80vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align:center;
+}
+
 .wp-block-cover {
   position:relative;
   overflow-x: hidden;
diff --git a/index.php b/index.php
index 6bb1b03..68a3234 100755
--- a/index.php
+++ b/index.php
@@ -1,18 +1,13 @@
 <?php get_header(); ?>
 
-<main class="main" role="main">
+<main class="main page-404" role="main">
     <div class="container">
 
-        <h1 class="text-2xl">Welcome to Barebones</h1>
+        <h1 class="text-2xl">404 - <?php _e('Page not found','barebones') ?></h1>
 
         <div class="row">
             <div class="col col--lg-12 col--md-12 col--sm-12 col--xs-12">
-                <h2>Base Font / <span class="font-alt">Alternate Font</span></h2>
-                <p class="text-xl">Text XL</p>
-                <p class="text-lg">Text LG</p>
-                <p class="text-md">Text MD</p>
-                <p class="text-sm">Text SM</p>
-                <p class="text-xs">Text XS</p>
+                    <p><?php esc_html_e( 'La pagina richiesta non esiste.', 'barebones' ); ?></p>
             </div>          
         </div>