TEZ-4652: ASF logo is too big (#435). (Shohei Okumiya, reviewed by Stamatis Zampetakis, Ayush Saxena)

diff --git a/docs/src/site/site.xml b/docs/src/site/site.xml
index bd98b94..587d2fa 100644
--- a/docs/src/site/site.xml
+++ b/docs/src/site/site.xml
@@ -40,14 +40,12 @@
   <bannerLeft>
     <name>Apache Tez</name>
     <src>./images/ApacheTezLogo_lowres.png</src>
-    <width>25%</width>
-    <height>25%</height>
     <href>https://tez.apache.org/</href>
   </bannerLeft>
 
   <bannerRight>
     <name>Apache Software Foundation</name>
-    <src>https://apache.org/foundation/press/kit/asf_logo_wide.png</src>
+    <src>https://apache.org/foundation/press/kit/asf_logo_wide.svg</src>
     <href>https://www.apache.org/</href>
   </bannerRight>
 
@@ -89,6 +87,19 @@
            .nav-list .active a:hover {
              background-color: #a0a0a0;
            }
+           #banner .pull-left, #banner .pull-right {
+             height: 82px;
+           }
+           #banner .pull-left img {
+             height: 100%;
+             width: auto;
+           }
+           #banner .pull-right img {
+             height: 100%;
+             width: auto;
+             padding: 4px;
+             box-sizing: border-box;
+           }
       </style>]]>
     </head>