@media(min-width:1200px){
    :root { 
    --big-stone: #001022;
    --black: #000000;
    --fiord: #002855;
    --grey-3: #BFBFBF;
    --secondary: #002855;
    --whisper: #F2F2F2;
    --white: #ffffff;
  
    --font-size-l: 16px;
    --font-size-m: 14px;
    --font-size-s: 12px;
  
    --font-family-albert-sans: "Albert Sans", sans-serif;
    --font-family-roboto: "Roboto", Helvetica;
  }
  .opensans-semi-bold-blue-whale-14px {
    color: var(--secondary);
    font-family: var(--font-family-albert-sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
  }

  .opensans-normal-fiord-14px {
    color: var(--fiord);
    font-family: var(--font-family-albert-sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
  }

  .opensans-normal-big-stone-12px {
    color: var(--big-stone);
    font-family: var(--font-family-albert-sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
  }

  .opensans-semi-bold-big-stone-12px {
    color: var(--big-stone);
    font-family: var(--font-family-albert-sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 600;
  }

  .opensans-semi-bold-blue-whale-12px {
    color: var(--secondary);
    font-family: var(--font-family-albert-sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 600;
  }

  .roboto-medium-black-16px {
    color: var(--black);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
  }

  .opensans-normal-fiord-12px {
    color: var(--fiord);
    font-family: var(--font-family-albert-sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
  }
}