diff --git a/pages/static/assets/logo-pretty.svg b/pages/static/assets/logo-pretty.svg
index 4137f30bd..1a726725a 100644
--- a/pages/static/assets/logo-pretty.svg
+++ b/pages/static/assets/logo-pretty.svg
@@ -1,6 +1,6 @@
 <svg version="1.1" id="esl-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
      viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve">
-  <symbol id="esl-logo-star" viewBox="-2.8 -2.8 5.6 5.6" width="9" height="9" stroke-width="0.3">
+  <symbol id="esl-logo-star" viewBox="-2.8 -2.8 5.6 5.6" stroke-width="0.3">
     <polygon points="0,2.8 0.2,0.9 0.6,1.5 0.4,0.6 1.4,1.4 0.6,0.4 1.5,0.6 0.9,0.2 2.8,0 0.9,-0.2 1.5,-0.6 0.6,-0.4 1.4,-1.4 0.4,-0.6 0.6,-1.5 0.2,-0.9 0,-2.8 -0.2,-0.9 -0.6,-1.5 -0.4,-0.6 -1.4,-1.4 -0.6,-0.4 -1.5,-0.6 -0.9,-0.2 -2.8,0 -0.9,0.2 -1.5,0.6 -0.6,0.4 -1.4,1.4 -0.4,0.6 -0.6,1.5 -0.2,0.9"/>
   </symbol>
 
@@ -11,21 +11,21 @@
     <path id="esl-logo-shield-inner-right" fill="none" stroke="#FF5D24" stroke-miterlimit="10" d="M200,119.7v160.7 c0.3,0,0.5,0,0.8-0.1c0.6-0.2,63.8-14.8,63.8-84.6v-49.1c0-1.6-1-3.1-2.4-3.6l-60.8-23C200.9,119.8,200.4,119.7,200,119.7 L200,119.7z"/>
 
     <g id="esl-logo-shield-stars" fill="#FF5D24">
-			<use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 199.95 280.45)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 199.95 292.5)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 160.7 272.3)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 131.2563 229.3)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 200 119.7)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 274 188.5)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 268.6 229.35)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 238.8 272.3)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 199.85 108)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 273.9 136.45)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 263.8 144.2)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 200 198.2)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 125.9 188.5)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 136 144.2)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 126 136.15)"/>
+			<use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 199.95 280.45)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 199.95 292.5)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 160.7 272.3)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 131.2563 229.3)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 200 119.7)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 274 188.5)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 268.6 229.35)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 238.8 272.3)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 199.85 108)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 273.9 136.45)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 263.8 144.2)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 200 198.2)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 125.9 188.5)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 136 144.2)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 126 136.15)"/>
     </g>
   </g>
 
@@ -33,34 +33,34 @@
 	  <g id="esl-logo-wrench-left">
 		  <path id="esl-logo-wrench-left-main" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M207.7,207.3l-15.8,15.8l-23.2-6.2 l-6.2-23.2l15.8-15.8c-9-0.7-18.2,2.4-25.1,9.3c-9.5,9.5-11.8,23.5-6.8,35.1L108.6,260c-4.7,4.7-4.7,12.3,0,17s12.3,4.7,17,0 l37.7-37.7c11.6,4.9,25.6,2.7,35.1-6.8C205.3,225.6,208.4,216.3,207.7,207.3z"/>
       <g id="esl-logo-wrench-left-stars" fill="#FFFFFF">
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 207.8 207.1)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 192.2 237.7)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 192.2 222.95)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 168.7 216.7)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 162.6 193.6)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 109.3 277.35)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 146.35 221.7)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 149.3912 191.6265)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 178.6 177.7)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 163.35 238.95)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 207.8 207.1)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 192.2 237.7)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 192.2 222.95)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 168.7 216.7)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 162.6 193.6)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 109.3 277.35)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 146.35 221.7)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 149.3912 191.6265)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 178.6 177.7)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 163.35 238.95)"/>
 		  </g>
 	  </g>
 
     <g id="esl-logo-wrench-right">
 		  <path id="esl-logo-wrench-right-main" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M290.4,120.5 c-4.7-4.7-12.3-4.7-17,0l-37.7,37.7c-11.6-4.9-25.6-2.7-35.1,6.8c-6.9,6.9-10,16.1-9.3,25.1l15.8-15.8l23.2,6.2l6.2,23.2 l-15.8,15.8c9,0.7,18.2-2.4,25.1-9.3c9.5-9.5,11.8-23.5,6.8-35.1l37.7-37.7C295.1,132.8,295.1,125.2,290.4,120.5L290.4,120.5z"/>
       <g id="esl-logo-wrench-right-stars" fill="#FFFFFF">
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 236.4375 203.6333)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 249 206.6)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 252.6 175.6)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 219.5 219.6)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 290.125 120.1875)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 230.2781 180.525)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 207.1 174.25)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 203.7188 162.1313)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 191.25 189.4)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 191.25 189.4853)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 191.25 189.8618)"/>
-        <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 236.1 157.75)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 236.4375 203.6333)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 249 206.6)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 252.6 175.6)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 219.5 219.6)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 290.125 120.1875)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 230.2781 180.525)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 207.1 174.25)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 203.7188 162.1313)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 191.25 189.4)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 191.25 189.4853)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 191.25 189.8618)"/>
+        <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 236.1 157.75)"/>
 		  </g>
 	  </g>
   </g>
@@ -70,33 +70,33 @@
     <path id="esl-logo-border-inner" fill="none" stroke="#98C6FF" stroke-miterlimit="10" d="M62.5,116.7l59.1-57L200,39.5l78.4,20.8 l58.3,56.7l22.8,79l-19.8,80.7l-58.2,60.4L200,359.6l-81.6-22.2l-58.9-60.3l-20-81.1L62.5,116.7z"/>
 
     <g id="esl-logo-border-outer-stars" fill="#98C6FF">
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 29.0313 149.9375)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 75.8333 72.0833)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 27 241.7188)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 71.7274 322.8941)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 152.1969 370.7344)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 246.125 371)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 327 323.4844)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 372 241.9608)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 370.1042 149.7708)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 322.9294 71.7176)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 244.1569 27.5451)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 154.0781 27.7969)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 29.0313 149.9375)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 75.8333 72.0833)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 27 241.7188)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 71.7274 322.8941)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 152.1969 370.7344)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 246.125 371)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 327 323.4844)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 372 241.9608)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 370.1042 149.7708)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 322.9294 71.7176)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 244.1569 27.5451)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 154.0781 27.7969)"/>
     </g>
 
     <g id="esl-logo-border-inner-stars" fill="#98C6FF">
-			<use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 39.5 196)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 359.5 196)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 336.8 117)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 200 359.6)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 59.5 276.9958)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 118.4 337.4)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 281.45 337.1)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 339.7 276.6)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 62.25 116.7083)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 200 39.5)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 278.3438 60.3438)"/>
-      <use xlink:href="#esl-logo-star" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 121.6719 59.8125)"/>
+			<use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 39.5 196)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 359.5 196)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 336.8 117)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 200 359.6)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 59.5 276.9958)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 118.4 337.4)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 281.45 337.1)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 339.7 276.6)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 62.25 116.7083)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 200 39.5)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 278.3438 60.3438)"/>
+      <use xlink:href="#esl-logo-star" width="9" height="9" x="-4.5" y="-4.5" transform="matrix(1 0 0 -1 121.6719 59.8125)"/>
     </g>
   </g>
 </svg>