@font-face {
    font-family: 'Norwester';
    src: url('../fonts/Norwester.woff2') format('woff2');
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Kollektif';
    src: url('../fonts/Kollektif.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Kollektif';
    src: url('../fonts/KollektifBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
  }
  
  .svg-header {
    left: 0;
    width: 100%;
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    margin-top: 2rem;
    overflow: visible;
  }
  
  .svg-header svg {
    width: 26vw;
    min-width: 200px;
    max-width: 200px;
    height: auto;
    display: block;
    overflow: visible;

  }

  
  .st0 { fill: #1b7895; }
  .st1, .st2 { font-family: 'Norwester', sans-serif; font-size: 177px; letter-spacing: 0.1em; }
  .st2 { fill: #ff9532; }
  .st1 { fill: #f0efec; }
  .st11 { font-family: 'Norwester', sans-serif; font-size: 212px; letter-spacing: 0.1em; fill: #ff9532;}
  .st10 { fill: #ff9532; letter-spacing: 0em; font-size: 124px; }
  .st3, .st4 { font-family: 'Kollektif', sans-serif; }
  .st4 { fill: #ffffff; font-size: 43px; letter-spacing: 0.3em; }
  .st6 { fill: #ffffff; letter-spacing: 0em; font-size: 32px; }
  .st9 { fill: #ffffff; }

  
  @media screen and (max-width: 1200px) {
      .svg-header {
            margin-top: 2rem;
      }

  }