diff --git a/css/styles.css b/css/styles.css
index 6925b5a..535a80d 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -19,12 +19,16 @@ body {
 }
 
 #hero-section {
-    width: 95dvw;
+    width: 100dvw;
     height: 100dvh;
-    vertical-align: middle;
     align-content: center;
     margin: 0;
     padding: 0;
+    /* position: absolute;
+    left:0;
+    right: 0; */
+    transition: 3s ease-in;
+    transition-property: opacity;
 }
 
 #hero {
@@ -34,22 +38,14 @@ body {
     font-variant-caps: petite-caps;
     font-weight: bold;
     top: 45dvh;
-    width: 98dvw;
-    transition: 3s ease-in;
-    transition-property: opacity;
+    width: 100%;
 }
 
 #hero-titles {
-    width: 100%;
-    height: 100%;
     text-align: center;
     font-size: 2em;
     font-variant-caps: all-petite-caps;
-    transition: 0.2s ease-in-out;
-    position: absolute;
-    top: 55dvh;
-    /*left: 50vh;    */
-    width: 98dvw;
+    width: 100%;
     text-align: center;
 }