diff --git a/src/components/SpecialEvent.vue b/src/components/SpecialEvent.vue
index 0e1c6c7f..71e98eec 100644
--- a/src/components/SpecialEvent.vue
+++ b/src/components/SpecialEvent.vue
@@ -47,8 +47,9 @@ export default {
   text-align: center;
 
   .logoContainer {
-    width: 20%;
-    min-width: 100px;
+    width: 35vw;
+    // min-width: 200px;
+    max-width: 350px;
     border-radius: 100%;
     margin: 20px auto 40px;
     box-shadow: var(--box-shadow), inset 8px 8px 20px $crown-of-thorns;
@@ -56,33 +57,41 @@ export default {
 
     .logo {
       width: 90%;
-      height: 90%;
+      // height: 90%;
+      padding: 15%;
 
-      ~/.xxl ^[1..-1] {
-        padding: 80px;
-      }
+      // ~/.xxl ^[1..-1] {
+      //   padding: 80px;
+      // }
 
-      ~/.xl ^[1..-1] {
-        padding: 35px;
-      }
+      // ~/.xl ^[1..-1] {
+      //   padding: 35px;
+      // }
 
-      ~/.lg ^[1..-1] {
-        padding: 30px;
-      }
+      // ~/.lg ^[1..-1] {
+      //   padding: 30px;
+      // }
 
-      ~/.md ^[1..-1] {
-        padding: 20px;
-      }
+      // ~/.md ^[1..-1] {
+      //   padding: 15%;
+      // }
 
-      ~/.xs ^[1..-1], ~/.sm ^[1..-1] {
-        padding: 45px;
-      }
+      // ~/.xs ^[1..-1], ~/.sm ^[1..-1] {
+      //   padding: 45px;
+      // }
     }
 
     ~/.xs ^[1..-1], ~/.sm ^[1..-1] {
-      width: 80%;
+      width: 60vw;
       margin: 20px auto;
     }
+
+    ~/.sm ^[1..-1] {
+      width: 50vw;
+      margin: 20px auto;
+    }
+
+
   }
 
   .title {
diff --git a/src/components/StandardEvent.vue b/src/components/StandardEvent.vue
index 07ba9cc3..82436141 100644
--- a/src/components/StandardEvent.vue
+++ b/src/components/StandardEvent.vue
@@ -282,7 +282,7 @@ $cell-collapsed-size = 150px;
 
 .txt {
   color: $black;
-  $font-size: 16px;
+  $font-size: 20px;
   pointer-events: none;
   align-items: center;
   height: 100%;
@@ -296,11 +296,15 @@ $cell-collapsed-size = 150px;
     font-family: 'Quicksand';
     padding: 2px 10px;
     text-align: justify;
-    $font-size: 24px;
+    $font-size: 20vw;
     font-weight: 600;
     vertical-align: middle;
     color: $mystic;
+
+
   }
+
+
 }
 
 .normalCanvas, .glitchedCanvas {
@@ -319,32 +323,12 @@ $cell-collapsed-size = 150px;
 }
 
 .event {
-  &.xs, &.sm {
-    --event-size: 0.75 * $cell-collapsed-size;
-    margin: 0 20px 60px;
-
-    .whiteTitle {
-      margin: 15px 0 0 0;
-
-      h3 {
-        $font-size: 24px;
-      }
-    }
-
+  &.md {
     .txt {
-      $font-size: 12px;
-    }
-
-    .odd {
-      justify-content: flex-end;
-
-      .whiteTitle {
-        order: -1;
+      .summary{
+        $font-size: 15vw;
       }
-    }
-
-    .even, .odd {
-      flex-flow: column;
+      
     }
   }