diff --git a/_includes/header.html b/_includes/header.html
index b6594f43..09ff7243 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,7 +1,12 @@
 <div id="topBanner">
   <div>
-    <span>🎉 Announcing Crossplane v1.1 —</span>
-    <a href="https://blog.crossplane.io/crossplane-v1-1-vault-integration-enhanced-composition-and-aws-provider-code-generation/">Read more</a>
+    <span>🎉 Crossplane Community Day Europe - May 4th, 2021</span>
+    <p>
+      <a href="https://events.linuxfoundation.org/crossplane-community-day-europe/program/schedule/">Schedule</a>
+      <span>is now live and </span>
+      <a href="https://events.linuxfoundation.org/crossplane-community-day-europe/register/">Registration</a>
+      <span> is Open!</span>
+    </p>
   </div>
   <style>
     #header .hamburger-controls {
diff --git a/css/main.scss b/css/main.scss
index 75ae35fb..5cf00370 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -414,8 +414,13 @@ body {
     width: 100%;
     justify-content: center;
     -ms-flex-pack: center;
-    flex-direction: row;
-    -ms-flex-direction: row;
+    flex-direction: column;
+    -ms-flex-direction: column;
+  }
+
+  p {
+    font-size: 16px;
+    margin: 0;
   }
 
   span {
@@ -423,21 +428,19 @@ body {
   }
 
   a {
-    margin-left: 15px;
     color: #000;
   }
 
   @media (max-width: $md-width) {
     height: 100px;
-    padding: 0 15px;
-
-    & > div {
-      flex-direction: column;
-      -ms-flex-direction: column;
-    }
+    padding: 5px 15px;
 
     span {
-      margin-bottom: 7px;
+      font-size: 14px;
+    }
+
+    p {
+      font-size: 14px;
     }
   }
 }