diff --git a/images/header-logo-trans.svg b/images/header-logo-trans.svg
new file mode 100644
index 00000000..55cdc093
--- /dev/null
+++ b/images/header-logo-trans.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);fill-opacity:0.9;}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill-opacity:7.451000e-02;}
+	.st3{fill-opacity:8.235300e-02;}
+	.st4{fill-opacity:0.3216;}
+	.st5{fill-opacity:0.1177;}
+	.st6{fill:url(#SVGID_3_);}
+	.st7{fill:url(#SVGID_4_);}
+	.st8{fill:url(#SVGID_5_);stroke:#1A1A1A;stroke-width:1.5;stroke-opacity:6.000000e-02;}
+	.st9{fill:url(#SVGID_6_);}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="50" y1="96.6" x2="50" y2="14.8306" gradientTransform="matrix(1 0 0 -1 0 102)">
+	<stop  offset="0.2" style="stop-color:#5BCEFA"/>
+	<stop  offset="0.2" style="stop-color:#F6B2BF"/>
+	<stop  offset="0.4" style="stop-color:#F6B2BF"/>
+	<stop  offset="0.4" style="stop-color:#FFFFFF"/>
+	<stop  offset="0.6" style="stop-color:#FFFFFF"/>
+	<stop  offset="0.6" style="stop-color:#F5A9B8"/>
+	<stop  offset="0.8" style="stop-color:#F5A9B8"/>
+	<stop  offset="0.8" style="stop-color:#5BCEFA"/>
+</linearGradient>
+<path class="st0" d="M37.4,5.4l-2.3,8.7C17,21.5,8.7,38.5,11.3,55.3l-6.4,6.4l12.6,21.9l8.7-2.3c6.8,5.2,15.2,8.1,23.8,8.1
+	s17-2.8,23.8-8.1l8.7,2.3l12.6-21.9l-6.4-6.4C92,36,77.9,18.8,64.9,14.1l-2.3-8.7L37.4,5.4z"/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-520.4372" y1="147.5841" x2="-503.5772" y2="170.9241" gradientTransform="matrix(1 0 0 1 545 -136.19)">
+	<stop  offset="0" style="stop-color:#000000;stop-opacity:0.3647"/>
+	<stop  offset="1" style="stop-color:#000000;stop-opacity:0.2706"/>
+</linearGradient>
+<path color-rendering="auto" shape-rendering="auto" image-rendering="auto" class="st1" d="M65.4,1.8H34.6L32,11.6
+	c-15,7-24.7,22-24.7,38.6c0,1.2,0.1,2.5,0.2,3.7l3.7,1.4C8,35.4,22.3,17.6,35.1,14.1l2.3-8.7h25.2L65.4,1.8z"/>
+<path class="st2" d="M62.6,5.4l2.3,8.7l3.1-2.5l-2.6-9.8L62.6,5.4z"/>
+<path class="st3" d="M95.1,61.7l-6.4-6.4l3.7-1.4l7.2,7.2L95.1,61.7z"/>
+<path class="st4" d="M0.3,61.1l7.2-7.2l3.7,1.4l-6.4,6.4L0.3,61.1z"/>
+<path class="st5" d="M0.3,61.1l4.6,0.6l12.6,21.9l-1.8,4.2L0.3,61.1z"/>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-475.1236" y1="147.2093" x2="-451.1036" y2="188.8193" gradientTransform="matrix(1 0 0 1 545 -136.19)">
+	<stop  offset="0" style="stop-color:#000000;stop-opacity:0.149"/>
+	<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:6.666700e-02"/>
+</linearGradient>
+<path color-rendering="auto" shape-rendering="auto" image-rendering="auto" class="st6" d="M92.5,53.9c0.1-1.2,0.2-2.5,0.2-3.7
+	c0-16.6-9.7-31.6-24.7-38.6l-3.1,2.5c17.2,5.8,27.2,28.1,23.8,41.2L92.5,53.9z"/>
+<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-526.6481" y1="205.0963" x2="-460.8582" y2="214.7463" gradientTransform="matrix(1 0 0 1 545 -136.19)">
+	<stop  offset="0" style="stop-color:#FFFFFF;stop-opacity:0.149"/>
+	<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0.1647"/>
+</linearGradient>
+<path color-rendering="auto" shape-rendering="auto" image-rendering="auto" class="st7" d="M95.1,61.7L82.5,83.5l-8.7-2.3
+	c-13,12.5-38.9,9.7-47.6,0l-8.7,2.3l-1.8,4.2l9.8-2.6c7.2,5,15.6,7.8,24.4,7.8s17.2-2.8,24.4-7.8l9.8,2.6L99.5,61L95.1,61.7z"/>
+<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="50.0995" y1="780.752" x2="50.0995" y2="694.3783" gradientTransform="matrix(1 0 0 1 4.986200e-04 -689.9996)">
+	<stop  offset="0" style="stop-color:#E6E4DA"/>
+	<stop  offset="1" style="stop-color:#FFFFFF"/>
+</linearGradient>
+<path color-rendering="auto" shape-rendering="auto" image-rendering="auto" class="st8" d="M47.8,19.5v3.9
+	C33.9,24.5,23,36.1,23,50.2c0,4.1,0.9,8,2.6,11.5l-3.3,1.9l2.3,3.9l3.3-1.9c4.9,7,13,11.6,22.2,11.6s17.3-4.6,22.2-11.6l3.3,1.9
+	l2.3-3.9l-3.3-1.9c1.7-3.5,2.6-7.4,2.6-11.5c0-14.1-10.9-25.8-24.8-26.9v-3.9L47.8,19.5z M47.8,27.8v9.6H44L50,48l6.1-10.5h-3.8
+	v-9.6C63.6,29,72.5,38.5,72.5,50.2c0,3.3-0.7,6.4-2,9.2l-8.4-4.8l1.9-3.3H51.9L58,61.8l1.9-3.3l8.4,4.8C64.2,69,57.5,72.7,50,72.7
+	S35.8,69,31.7,63.3l8.4-4.8l1.9,3.3l6.1-10.5H35.9l1.9,3.3l-8.4,4.8c-1.3-2.8-2-5.9-2-9.2C27.5,38.5,36.4,29,47.8,27.8L47.8,27.8z"
+	/>
+<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="49.9495" y1="780.752" x2="49.9495" y2="694.3783" gradientTransform="matrix(1 0 0 1 4.986200e-04 -689.9996)">
+	<stop  offset="0" style="stop-color:#FFFEF2"/>
+	<stop  offset="1" style="stop-color:#FFFFFF"/>
+</linearGradient>
+<path color-rendering="auto" shape-rendering="auto" image-rendering="auto" class="st9" d="M36.2,4l-0.3,1.1l-2.2,8
+	C19,19.5,9.4,34.1,9.4,50.2c0,1.5,0.1,3,0.3,4.5L3,61.4l13.8,23.8l9.2-2.5c7,5.1,15.4,7.9,24,7.9c8.7,0,17.1-2.8,24-7.9l9.1,2.5
+	l13.8-23.8l-6.7-6.7c0.2-1.5,0.3-3,0.3-4.5c0-16.1-9.6-30.7-24.3-37.1L63.8,4H36.2z M38.5,7h22.9l2.2,8.3l0.7,0.3
+	c14,5.8,23.2,19.5,23.2,34.7c0,1.6-0.1,3.3-0.3,4.9l-0.1,0.7l6.1,6.1L81.7,81.8l-8.3-2.2L72.9,80c-6.6,5-14.6,7.8-22.8,7.8
+	c-8.3,0-16.3-2.7-22.9-7.8l-0.6-0.5l-8.3,2.2L6.8,61.9l6.1-6.1l-0.1-0.7c-0.2-1.6-0.3-3.3-0.3-4.9c0-15.2,9.1-28.9,23.2-34.7
+	l0.7-0.3L38.5,7z"/>
+</svg>