diff --git a/hangar/css/styleHangar.css b/hangar/css/styleHangar.css
index fa95371..b516d00 100644
--- a/hangar/css/styleHangar.css
+++ b/hangar/css/styleHangar.css
@@ -263,3 +263,61 @@ table.cf7-db-table tbody td > div {
 	 padding-bottom:15px;
  }
 }
+
+/* mods 2022 01 31st */
+/* WIDGET HOME HERO
+------------------------------------------*/
+
+@media screen {
+  aside.hero {
+    display: flex;
+    width: auto;
+    height: 40vw;
+    margin-bottom: 2rem;
+    overflow: hidden;
+  }
+  aside.hero .widget-container {
+    position: relative;
+    min-width: 100%;
+  }
+  aside.hero .widget-container .widget-title {
+    position: absolute;
+    z-index: 100;
+    width: 75%;
+    margin: 1rem;
+    padding: 0.2rem;
+    font-size: 2rem;
+    font-weight: bold;
+		line-height: 1.6rem;
+    color: blue;
+  }
+  aside.hero .widget-container img {
+    position: absolute;
+    z-index: 99;
+    top: 0;
+    width: 100%;
+    height: auto;
+  }
+  aside.hero .widget-container p {
+    position: absolute;
+    z-index: 101;
+    bottom: 0;
+    margin: 1rem;
+    padding: 1rem;
+    color: rgb(90,90,90);
+    background: rgba(250,250,250,0.8);
+  }
+  
+}
+
+@media screen and (max-width: 768px) {
+  aside.hero {
+		width: 90vw;
+		height: 60vw;
+	  margin-top: 2rem;
+  }
+	aside.hero .widget-container .widget-title {
+		font-size: 1.5rem;
+		line-height: 1.3rem;
+	}
+}