:root {
  --font-default: "Strawford", sans-serif;
  --font-headline: "Strawford", sans-serif;
  --grid-columns: 12;
  --grid-width-max: 1920px;
  --grid-color: 190, 100%, 50%;
  --color-blue-1: #222D3B;
  --color-green-1: #3EFFB0;
  --color-red-1: #CB1F1F;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-grey-border: #efefef;
  --color-grey-search: #F6F6F6;
}
:root {
  --grid-gutter: 10px;
}
@media only screen and (min-width: 375px) {
  :root {
    --grid-gutter: calc(10px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  :root {
    --grid-gutter: 16px;
  }
}
:root {
  --grid-offset: 20px;
}
@media only screen and (min-width: 375px) {
  :root {
    --grid-offset: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  :root {
    --grid-offset: 40px;
  }
}

.widget.widget-logos ul.logos {
  display: flex;
  flex-flow: row wrap;
}
.widget.widget-logos ul.logos {
  column-gap: 12px;
}
@media only screen and (min-width: 1024px) {
  .widget.widget-logos ul.logos {
    column-gap: calc(12px + 12 * (100vw - 1024px) / (1920 - 1024));
  }
}
@media only screen and (min-width: 1920px) {
  .widget.widget-logos ul.logos {
    column-gap: 24px;
  }
}
.widget.widget-logos ul.logos {
  row-gap: 8px;
}
@media only screen and (min-width: 1024px) {
  .widget.widget-logos ul.logos {
    row-gap: calc(8px + 4 * (100vw - 1024px) / (1920 - 1024));
  }
}
@media only screen and (min-width: 1920px) {
  .widget.widget-logos ul.logos {
    row-gap: 12px;
  }
}
.widget.widget-logos ul.logos li {
  height: 40px;
}
.widget.widget-logos ul.logos li img {
  max-height: 100%;
  width: auto;
}

/*# sourceMappingURL=style.css.map */