<style>
            a#logo {
              color: #282828;
              color: var(--MENU-SECTIONS-BG-color);
              font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
              font-size: 20px;
              font-weight: 400;
              max-width: 60%;
              text-transform: uppercase;
              width: 60%;
              margin-left: -10px;
            }
            a#logo:hover {
              color: #282828;
              color: var(--MENU-SECTIONS-BG-color);
            }
            @media only all and (max-width: 59.938em) {
              a#logo {
                font-size: 15px;
                margin-top: -3px;
              }
            }
            @media all and (-ms-high-contrast:none) {
              {{ "/* IE11s understanding of positioning is weird at best */" | safeCSS }}
              a#logo {
                margin-top: -58px;
              }
            }
          </style>
          <a id="logo" href="{{ .Site.Params.landingPageURL | default "/" | relLangURL }}">
            <img src="/images/logo_big.png"><br>
            controller documentation
          </a>