section#logos
  h2 Logotypes

  p For maximum flexibility and responsiveness usage of vector-based logos is advised.  All logos are available <a href='https://github.com/andyet/yeticss/tree/gh-pages/assets/logos'>here</a> in PNG and SVG format, colour and black and white versions.

  h3 Base64
  p To avoid unnecessary HTTP requests use SVGs coverted to Data URI's. There are several ways of embedding:

  p As a background image:

  :markdown
    ```css
      .logo-ampersand
        background-image: $logo-ampersand
    ```

  p As an image:

  :markdown
    ```html
      img(src='data:image/svg+xml;base64,[data]')
    ```

  p As an object:

  :markdown
    ```html
      object(type='image/svg+xml' data='data:image/svg+xml;base64,[data]')
        fallback
    ```

  p Base64 encoded data can be found in <a href="https://github.com/andyet/yeticss/blob/gh-pages/lib/yeticss/globals/_logos.styl"><code>globals/_logos.styl</code></a>

  figure.logo
    img(height='100', width='150', src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MjIuNjIgMjI1LjAyIj48cGF0aCBkPSJNOTUuMDUgMTA1YTEuNTEgMS41MSAwIDAgMCAyLjMuMDhjMi4wNy0yLjMxIDYuMzgtNy4xMiA4LjQtOS40OSAyLjMtMi43IDcuNjgtOC41OCAxMC43OC0xMi4yOGExLjUxIDEuNTEgMCAwIDEgMi40OS4yOGw5LjA3IDE2LjQ5YTMgMyAwIDAgMS0uMTYgMy4yNnEtMi41OSAzLjUxLTYuMzggNy45MS00LjI3IDUtMTAuMTEgMTEuMzlhMS41OSAxLjU5IDAgMCAwLS4wOSAyTDEzNy41OCAxNTdhMS41MyAxLjUzIDAgMCAxLTEuMTkgMi41aC0yNC44MWEzLjEgMy4xIDAgMCAxLTIuMzgtMS4xM2wtMTMuNjgtMTYuNzVhMS41MSAxLjUxIDAgMCAwLTIuMjUtLjA4cS0yMSAyMS4wNi00My42NCAyMS4wNS0yMC44NyAwLTM1LjM5LTEzLjMzQTQzLjY3IDQzLjY3IDAgMCAxIDAgMTE2LjEzcTAtMjMuNSAyMi41Ny0zOS4wNnM3Ljg2LTUuNDMgMTEuMDgtNy42OWExLjQzIDEuNDMgMCAwIDAgLjE5LTIuMThRMTkuNDIgNTEuMjYgMTkuNDIgMzUuNzlxMC0xNS44NSAxMC4zNy0yNS44MlE0MC4zNyAwIDU3IDBxMTYuMjEgMCAyNi43OCA5LjY2YTMxLjYzIDMxLjYzIDAgMCAxIDEwLjU3IDI0LjQgMzEuMiAzMS4yIDAgMCAxLTUuNzkgMTguNDFRODMuMTIgNjAuMzUgNjkuMiA3MS4yYTEuNTggMS41OCAwIDAgMC0uMjggMi4yek01MCA4Ni42NWExLjQ5IDEuNDkgMCAwIDAtMi0uMjljLTQgMy0xNyAxMi44LTIwIDE2LjIzcS01LjE5IDYuMS01LjE4IDEyLjkyIDAgOS43NiA3LjgyIDE3Ljg5IDguMTMgNy44MyAxNy45MSA3LjgzIDEzLjMxIDAgMzAuNTctMTYuOTVhMS42MSAxLjYxIDAgMCAwIC4xNC0yLjE0em0xNC4zNi0zOS4xMUEzMS4wOCAzMS4wOCAwIDAgMCA2OSA0Mi44YTE0LjIxIDE0LjIxIDAgMCAwIDMtOS4yNCAxMy4xMyAxMy4xMyAwIDAgMC00LjE3LTEwLjA4cS00LjE3LTMuODYtMTEuMTktMy44NmExNS40MiAxNS40MiAwIDAgMC0xMC43NyA0IDEyLjE4IDEyLjE4IDAgMCAwLTQuMzggOS42NnEwIDYuOTEgNS41IDEzLjYzczQuMTkgNS4xMyA2LjE2IDcuNWExLjUyIDEuNTIgMCAwIDAgMi4xMi4yMnoiIGZpbGw9IiNlYTAwOTEiLz48cGF0aCBkPSJNMjUyLjE2IDU5LjQ1di0zLjIzYTEuMzQgMS4zNCAwIDAgMC0xLjM0LTEuMzRoLTQzLjdhMS4zNCAxLjM0IDAgMCAwLTEuMzQgMS4zNHYzLjIzYTEuMzQgMS4zNCAwIDAgMCAxLjM0IDEuMzRjMy40MSAwIDYgMS4yIDcuNTIgMy40NiAyLjA4IDMuMTMgMS45MiA4LjE2LS40NCAxMy43OS0xLjIxIDIuODgtMTguMzUgNDIuNzQtMjYuMDcgNjAuNDhhMi41MyAyLjUzIDAgMCAxLTQuNjUtLjA4Yy03LjY5LTE4LjgzLTI0LTYzLjE0LTI1LTY2LjI0YTcgNyAwIDAgMSAuOTQtNi4xNSAxMi41NCAxMi41NCAwIDAgMSA5LTUuMjYgMS4zNiAxLjM2IDAgMCAwIDEuMjMtMS4zNHYtMy4yM2ExLjM0IDEuMzQgMCAwIDAtMS4zNS0xLjM0aC01NC42NGExLjM0IDEuMzQgMCAwIDAtMS4zNCAxLjM0djMuMjNhMS4zNSAxLjM1IDAgMCAwIDEgMS4zYzMuOTMgMSAxMy41MSA0LjI3IDE3LjM1IDExLjk0IDEuMTcgMi4zNCAzNy44OCA4NS4xIDM5LjI3IDg4LjU1YTMxLjYxIDMxLjYxIDAgMCAxIDEuNzggNWMwIC41Ny0uMzUgMi42Mi0zLjYyIDkuMjQtNy44MyAxNS44OS0xOS4xOSAzNC4zNC0zNy42NCAzNS44Ni00LjcuMzgtNS41NS0zLjMyLTYuMzctOS40N2EyMi41NSAyMi41NSAwIDAgMC0xLjY2LTcgMTIuNTQgMTIuNTQgMCAwIDAtOS4yMi02LjUgMTMuMDUgMTMuMDUgMCAwIDAtMTEuMTYgM2MtNS41OSA1LjIxLTUuNyAxNC4zNS0yLjU5IDIwLjE4czguNzUgOS45IDE2LjQxIDEyYTQ0IDQ0IDAgMCAwIDExLjU3IDEuNDVjOCAwIDE2LjItMiAyMi4xMy01LjU3IDEwLjI5LTYuMjYgMTguMzEtMTcuMDggMjUuNDUtMjcuODQgMTIuNDMtMTguNzcgMjEuNjItMzkuMzUgMzAuNTEtNTkuMjYgNi41Ny0xNC43MSAxMy4zNi0yOS45MiAyMS40LTQ0LjI2QzIzNy4wOSA3MCAyNDQuMjkgNjEuODEgMjUxIDYwLjc4YTEuMzQgMS4zNCAwIDAgMCAxLjE2LTEuMzN6TTI5NS4xOSA1MS42NWMtMjEuMTIgMC00MC4xNyAxNC00Ny40MSAzNC44LTkuNjEgMjcuNjEgMS44NSA1OC43IDI2LjA5IDcwLjc4YTQ3LjUxIDQ3LjUxIDAgMCAwIDIxLjMyIDQuNzdoLjEyYzI1LjA4IDAgNDQuODUtMTkuNTMgNDUuODktMjIuMDlhMS40NyAxLjQ3IDAgMCAwLS4zMi0xLjY4bC00LjU2LTQuM2ExLjMzIDEuMzMgMCAwIDAtMS43Mi0uMWMtLjE5LjEzLTE2LjE5IDExLjkyLTMyIDExLjkyYTI3Ljc0IDI3Ljc0IDAgMCAxLTYuNDctLjczYy0xMC43MS0yLjU1LTE5LjI2LTEwLjU1LTI0LjA1LTIyLjUyYTU3LjcyIDU3LjcyIDAgMCAxLTMuNDUtMTguNzIgMi40NSAyLjQ1IDAgMCAxIC42OS0xLjggMi41NiAyLjU2IDAgMCAxIDEuODMtLjc5SDMzOGE1LjIgNS4yIDAgMCAwIDQtMS44OCA1LjEgNS4xIDAgMCAwIDEuMTUtNC4xNmMtNC44OS0yOC4wNy0yMS45MS00My41LTQ3Ljk2LTQzLjV6bTIxLjM3IDM3LjI1YTQuMjUgNC4yNSAwIDAgMS0zLjIzIDEuNWgtNDAuNzZhMi41NSAyLjU1IDAgMCAxLTIuNDctMy4xYzEuODMtOC4wOCAzLjg5LTE1LjE2IDEwLjU0LTIwYTI2LjEgMjYuMSAwIDAgMSAxNS4xMS00Ljg2IDIzLjA3IDIzLjA3IDAgMCAxIDUgLjUzYzkgMiAxNC42NyA5LjYzIDE2Ljc0IDIyLjY2YTQgNCAwIDAgMS0uOTMgMy4yN3pNNDIxLjMzIDEzMy44NmwtMS4yMS0zLjExYTEuMzEgMS4zMSAwIDAgMC0uODgtLjggMS4zNiAxLjM2IDAgMCAwLTEuMTcuMmMtLjEuMDgtOS45NSA3LjMzLTEzLjQ4IDkuNjItNC42MyAzLTkuNTUgNC4xMS0xMy4xOSAyLjk1LTIuNjUtLjg2LTQuNjItMi45LTUuODUtNi4wNi0zLjU1LTkuMTMtMi4zNy00Mi45LTEuNzMtNjEgLjE4LTUuMi4zMi05LjMxLjMyLTExLjYzYTIuNTQgMi41NCAwIDAgMSAyLjUzLTIuNTNoMzNhMS4zNCAxLjM0IDAgMCAwIDEuMzMtMS4zOVY1MGExLjM0IDEuMzQgMCAwIDAtMS4zNS0xLjM0aC0zM2EyLjU0IDIuNTQgMCAwIDEtMi41My0yLjUzVjExYTEuMzQgMS4zNCAwIDAgMC0xLjM0LTEuMzRoLTguNTFhMS4zNSAxLjM1IDAgMCAwLTEuMjcgMS4yYy01LjA5IDQwLTI0LjQzIDQwLjU5LTMyLjY5IDQwLjgzQTEuMzQgMS4zNCAwIDAgMCAzMzkgNTN2Ny4wOGExLjM0IDEuMzQgMCAwIDAgMS4zNCAxLjM0aDE3LjY0YTIuNTMgMi41MyAwIDAgMSAyLjQ5IDIuNTh2NjVjMCAxLjE4IDAgMi4zOC0uMDUgMy41OS0uMTEgNS43NC0uMjMgMTEuNjcgMiAxNi45NSAzIDcuMDkgNy43IDExLjI2IDE0IDEyLjQxYTIwLjg1IDIwLjg1IDAgMCAwIDMuNjMuMzFjMTUuOTUgMCAzNS41Ni0xNi44NyA0Mi4xOC0yMy44OC42Mi0uNTkuNjItLjU5LS45LTQuNTJ6IiBmaWxsPSIjMTJhY2VmIi8+PC9zdmc+')
    figcaption &yet
  figure.logo
    img(height='100', width='100', src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzcuOTMgMTYyLjU5Ij48cGF0aCBkPSJNOTUuMDUgMTA1YTEuNTEgMS41MSAwIDAgMCAyLjMuMDhjMi4wNy0yLjMxIDYuMzgtNy4xMiA4LjQtOS40OSAyLjMtMi43IDcuNjgtOC41OCAxMC43OC0xMi4yOGExLjUxIDEuNTEgMCAwIDEgMi40OS4yOGw5LjA3IDE2LjQ5YTMgMyAwIDAgMS0uMTYgMy4yNnEtMi41OSAzLjUxLTYuMzggNy45MS00LjI3IDUtMTAuMTEgMTEuMzlhMS41OSAxLjU5IDAgMCAwLS4wOSAyTDEzNy41OCAxNTdhMS41MyAxLjUzIDAgMCAxLTEuMTkgMi41aC0yNC44MWEzLjEgMy4xIDAgMCAxLTIuMzgtMS4xM2wtMTMuNjgtMTYuNzVhMS41MSAxLjUxIDAgMCAwLTIuMjUtLjA4cS0yMSAyMS4wNi00My42NCAyMS4wNS0yMC44NyAwLTM1LjM5LTEzLjMzQTQzLjY3IDQzLjY3IDAgMCAxIDAgMTE2LjEzcTAtMjMuNSAyMi41Ny0zOS4wNnM3Ljg2LTUuNDMgMTEuMDgtNy42OWExLjQzIDEuNDMgMCAwIDAgLjE5LTIuMThRMTkuNDIgNTEuMjYgMTkuNDIgMzUuNzlxMC0xNS44NSAxMC4zNy0yNS44MlE0MC4zNyAwIDU3IDBxMTYuMjEgMCAyNi43OCA5LjY2YTMxLjYzIDMxLjYzIDAgMCAxIDEwLjU3IDI0LjQgMzEuMiAzMS4yIDAgMCAxLTUuNzkgMTguNDFRODMuMTIgNjAuMzUgNjkuMiA3MS4yYTEuNTggMS41OCAwIDAgMC0uMjggMi4yek01MCA4Ni42NWExLjQ5IDEuNDkgMCAwIDAtMi0uMjljLTQgMy0xNyAxMi44LTIwIDE2LjIzcS01LjE5IDYuMS01LjE4IDEyLjkyIDAgOS43NiA3LjgyIDE3Ljg5IDguMTMgNy44MyAxNy45MSA3LjgzIDEzLjMxIDAgMzAuNTctMTYuOTVhMS42MSAxLjYxIDAgMCAwIC4xNC0yLjE0em0xNC4zNi0zOS4xMUEzMS4wOCAzMS4wOCAwIDAgMCA2OSA0Mi44YTE0LjIxIDE0LjIxIDAgMCAwIDMtOS4yNCAxMy4xMyAxMy4xMyAwIDAgMC00LjE3LTEwLjA4cS00LjE3LTMuODYtMTEuMTktMy44NmExNS40MiAxNS40MiAwIDAgMC0xMC43NyA0IDEyLjE4IDEyLjE4IDAgMCAwLTQuMzggOS42NnEwIDYuOTEgNS41IDEzLjYzczQuMTkgNS4xMyA2LjE2IDcuNWExLjUyIDEuNTIgMCAwIDAgMi4xMi4yMnoiIGZpbGw9IiNlYTAwOTEiLz48L3N2Zz4=')
    figcaption Ampersand pink
  figure.logo
    img(height='100', width='100', src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzcuOTMgMTYyLjU5Ij48cGF0aCBkPSJNOTUuMDUgMTA1YTEuNTEgMS41MSAwIDAgMCAyLjMuMDhjMi4wNy0yLjMxIDYuMzgtNy4xMiA4LjQtOS40OSAyLjMtMi43IDcuNjgtOC41OCAxMC43OC0xMi4yOGExLjUxIDEuNTEgMCAwIDEgMi40OS4yOGw5LjA3IDE2LjQ5YTMgMyAwIDAgMS0uMTYgMy4yNnEtMi41OSAzLjUxLTYuMzggNy45MS00LjI3IDUtMTAuMTEgMTEuMzlhMS41OSAxLjU5IDAgMCAwLS4wOSAyTDEzNy41OCAxNTdhMS41MyAxLjUzIDAgMCAxLTEuMTkgMi41aC0yNC44MWEzLjEgMy4xIDAgMCAxLTIuMzgtMS4xM2wtMTMuNjgtMTYuNzVhMS41MSAxLjUxIDAgMCAwLTIuMjUtLjA4cS0yMSAyMS4wNi00My42NCAyMS4wNS0yMC44NyAwLTM1LjM5LTEzLjMzQTQzLjY3IDQzLjY3IDAgMCAxIDAgMTE2LjEzcTAtMjMuNSAyMi41Ny0zOS4wNnM3Ljg2LTUuNDMgMTEuMDgtNy42OWExLjQzIDEuNDMgMCAwIDAgLjE5LTIuMThRMTkuNDIgNTEuMjYgMTkuNDIgMzUuNzlxMC0xNS44NSAxMC4zNy0yNS44MlE0MC4zNyAwIDU3IDBxMTYuMjEgMCAyNi43OCA5LjY2YTMxLjYzIDMxLjYzIDAgMCAxIDEwLjU3IDI0LjQgMzEuMiAzMS4yIDAgMCAxLTUuNzkgMTguNDFRODMuMTIgNjAuMzUgNjkuMiA3MS4yYTEuNTggMS41OCAwIDAgMC0uMjggMi4yek01MCA4Ni42NWExLjQ5IDEuNDkgMCAwIDAtMi0uMjljLTQgMy0xNyAxMi44LTIwIDE2LjIzcS01LjE5IDYuMS01LjE4IDEyLjkyIDAgOS43NiA3LjgyIDE3Ljg5IDguMTMgNy44MyAxNy45MSA3LjgzIDEzLjMxIDAgMzAuNTctMTYuOTVhMS42MSAxLjYxIDAgMCAwIC4xNC0yLjE0em0xNC4zNi0zOS4xMUEzMS4wOCAzMS4wOCAwIDAgMCA2OSA0Mi44YTE0LjIxIDE0LjIxIDAgMCAwIDMtOS4yNCAxMy4xMyAxMy4xMyAwIDAgMC00LjE3LTEwLjA4cS00LjE3LTMuODYtMTEuMTktMy44NmExNS40MiAxNS40MiAwIDAgMC0xMC43NyA0IDEyLjE4IDEyLjE4IDAgMCAwLTQuMzggOS42NnEwIDYuOTEgNS41IDEzLjYzczQuMTkgNS4xMyA2LjE2IDcuNWExLjUyIDEuNTIgMCAwIDAgMi4xMi4yMnoiIGZpbGw9IiNiNmMwYzIiLz48L3N2Zz4=')
    figcaption Ampersand grey
  figure.logo
    img(height='100', width='150', src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTcuMjEgMTU4LjgyIj48cGF0aCBkPSJNNy45IDEyMS42MnYtMzMuNEgwdi0xMi41aDcuOXYtMTcuNGgxNC4zdjE3LjRIMzl2MTIuNUgyMi4ydjMxLjFjMCA1LjYgMi44IDcuOSA3LjcgNy45YTE4LjYyIDE4LjYyIDAgMCAwIDguOS0yLjJ2MTEuOWEyNS4xMiAyNS4xMiAwIDAgMS0xMi45IDMuMmMtMTAuNS4xLTE4LTQuNi0xOC0xOC41ek04NC4zIDEzOS4xMnYtNy44Yy00LjMgNS4yLTEwLjggOS4xLTIwLjIgOS4xLTExLjggMC0yMi4yLTYuOS0yMi4yLTE5LjZ2LS4yYzAtMTQuMSAxMC44LTIwLjggMjUuMy0yMC44YTUzLjkgNTMuOSAwIDAgMSAxNy4zIDIuNnYtMS4xYzAtOC44LTUuNC0xMy42LTE1LjQtMTMuNi03IDAtMTIuMiAxLjYtMTcuOSA0TDQ3LjMgODBhNTMuMzMgNTMuMzMgMCAwIDEgMjMuOC01LjNjMTguNCAwIDI3LjQgOS45IDI3LjQgMjYuOHYzNy42em0uMy0yNi41YTQxLjIgNDEuMiAwIDAgMC0xNC4zLTIuNWMtOSAwLTE0LjMgMy43LTE0LjMgOS45di4yYzAgNiA1LjMgOS40IDEyLjEgOS40IDkuNSAwIDE2LjYtNS40IDE2LjYtMTMuM3YtMy43ek0xMDguOSA1MS40MmgxNC4zdjg3LjdoLTE0LjN6TTEzNCA1MS40MmgxNC4zdjUyLjRsMjUuOS0yOC4xaDE3LjRsLTI0LjggMjUuOCAyNS43IDM3LjZoLTE2LjZsLTE4LjgtMjcuNC04LjcgOS4zdjE4LjFoLTE0LjN2LTg3Ljd6TTE5Ni40IDE1NC45Mmw0LjgtMTAuOGExNy43NSAxNy43NSAwIDAgMCA4LjQgMi40YzQgMCA2LjUtMS44IDguOS03LjNsLTI2LTYzLjVoMTUuM2wxNy43IDQ3LjEgMTYuMi00Ny4xaDE0LjlMMjMxLjggMTQxYy01IDEzLTEwLjUgMTcuOC0yMC42IDE3LjhhMjkuODEgMjkuODEgMCAwIDEtMTQuOC0zLjg4eiIgZmlsbD0iIzMxYThkZiIvPjxwYXRoIGQ9Ik0yMjUuMiAwYTMyLjUyIDMyLjUyIDAgMCAwLTM0IDMxLjh2LjJhMzIuMDkgMzIuMDkgMCAwIDAgMy45IDE2LjZjLS4yIDQuNi00LjEgMTEuMi0xMC4yIDE2LjIgMTMuMSAyLjMgMTkuMy0yLjMgMjMuMS0zLjJhMzIuMjcgMzIuMjcgMCAwIDAgMTUuMSA0YzE5LjEuNiAzMy42LTEzLjggMzQuMS0zMS43di0uMmEzMi41OCAzMi41OCAwIDAgMC0zMi0zMy43em0xNSAzMS45bC0xOS42IDE4LjhjLTEuNCAxLjQtMi44IDEtMy0uOGwtNC41LTMzLjZjLS4yLTEuOCAxLTIuNSAyLjctMS42bDIzLjggMTIuOWMxLjggMS4xMiAyIDMuMDIuNiA0LjMyeiIgZmlsbD0iI2U5MTI4OSIvPjxwYXRoIGQ9Ik0yNDAuNTUgMTMyLjgzYTYuNjEgNi42MSAwIDEgMSAxMy4yMiAwIDYuNjUgNi42NSAwIDAgMS02LjYxIDYuNjUgNi41OSA2LjU5IDAgMCAxLTYuNjEtNi42NXptMTIuNDYgMGE1Ljg1IDUuODUgMCAxIDAtMTEuNyAwIDUuODEgNS44MSAwIDAgMCA1Ljg1IDUuODkgNS44NyA1Ljg3IDAgMCAwIDUuODQtNS45M3ptLTguNTktMy41N2gzLjIzYzEuNiAwIDIuNzcuNzIgMi43NyAyLjI4YTIuMTEgMi4xMSAwIDAgMS0xLjUyIDIuMTNsMS43NSAyLjQ3aC0ybC0xLjQ4LTIuMTdoLTEuMDd2Mi4xN2gtMS42N3ptMy4xMiAzLjM0Yy43NiAwIDEuMTctLjM4IDEuMTctLjk1cy0uNDUtMS0xLjE3LTFoLTEuNDV2MS45eiIgZmlsbD0iIzMxYThkZiIvPjwvc3ZnPg==')
    figcaption Talky