diff --git a/src/App.scss b/src/App.scss
index 57f3d72..f383570 100755
--- a/src/App.scss
+++ b/src/App.scss
@@ -244,6 +244,9 @@ $heightBtn: 100%;
   .text-big {
     font-size: 1.25rem;
   }
+  .text-sobig {
+    font-size: 1.50rem;
+  }
 
 }
 
@@ -737,3 +740,27 @@ $heightBtn: 100%;
   /* height of all previous header rows */
   top: 48px;
 }
+
+.my-card-shadow {
+  width: 100%;
+  max-width: 350px;
+  min-width: 300px;
+  padding-bottom: 20px;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border-radius: 30px;
+
+  transition: transform .2s ease-out;
+
+}
+
+.my-card-shadow:hover {
+  transition: transform .2s ease-in;
+  transform: scale(1.03);
+  @media (max-width: 500px) {
+    transform: scale(1);
+  }
+}
+
diff --git a/src/root/home/home.vue b/src/root/home/home.vue
index e1da23d..30a4234 100755
--- a/src/root/home/home.vue
+++ b/src/root/home/home.vue
@@ -16,6 +16,10 @@
                     </div>
                 </div>
 
+              <div v-if="!tools.sito_online(true)" class="row text-h4 text-center bg-warning">
+                SITO IN AGGIORNAMENTO!
+              </div>
+
                 <!--
               <div class="row justify-center">
                 <div class="text-h5 boldhigh text-uppercase"> {{ $t('event.dateTimeStart') }}</div>