body {
  --primary-font: "Fira sans",
      sans-serif;
  --secondary-font: "Fira sans",
      sans-serif;
  --global-padding: 20px;
  --content-width: 1600px;
  --content-max-width: 1280px;
  --grey-light: #393634;
  --grey-dark: #1C1918;
  --primary-color: #C6B4A6;
  --primary-color-dark: #A58E80;
  --secondary-color: #EAE4E1;
  --textcolor: #211F1E;
  --desktop-wide: 1280px;
}

@media (max-width: 580px) {
  :root {
    --content-width: calc(100vw - 60px);
  }
}
/*
@include breakpoint(tablet) {
}
*/
/*
@extend %paleri;
*/
/*
@extend %transition;
*/
/*
@extend %button;
*/
#wrapper .onoffice-filter-outer-wrapper {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  --tile-gutter: 40px;
}