diff --git a/zeppelin-web/src/app/home/home.css b/zeppelin-web/src/app/home/home.css
index 8b37eb8fa9..4674392d41 100644
--- a/zeppelin-web/src/app/home/home.css
+++ b/zeppelin-web/src/app/home/home.css
@@ -804,24 +804,47 @@ This part should be removed when new version of bootstrap handles this issue.
   background: #3071a9;
 }
 
-.about{
+/* About Zeppelin */
+.about {
   height: 200px;
-  padding-top: 20px;
-  padding-left: 20px;
+  padding: 36px;
 }
 
 .about .logo {
-  width: 20%;
+  width: 35%;
+  top: 50%;
   float: left;
 }
 
-.about .content{
-  float: left;
-  padding-left: 10px;
-  top: -30px;
+.about .logo img {
+  width: 82%;
+  padding-top: 30px;
+}
+
+.about .content {
   position: relative;
+  float: left;
+  text-align: center;
 }
 
-.about .logo img{
-  width: 100%;
+.about .content h3 {
+  font-family: 'Patua One';
+  color: #3071A9;
+  font-size: 30px;
+  margin: 0 auto;
 }
+
+@media (max-width: 767px) {
+  .about {
+    height: 170px;
+    padding: 20px;
+  }
+
+  .about .logo {
+    display: none;
+  }
+
+  .about .content {
+    float: none;
+  }
+}
\ No newline at end of file