/* Variables */
:root {
  --base-font-roboto: "Roboto", Helvetica, Arial, sans-serif;
  --base-font-golos-text: "Golos Text", Helvetica, Arial, sans-serif;
  --base-font-proxima-nova: "Proxima Nova", Helvetica, Arial, sans-serif;
  --base-font-helvetica-neue: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --base-font-sitka-small: "Sitka Small", "Times New Roman", serif;
  --base-font-avenir-next-cyr: "Avenir Next Cyr", Helvetica, Arial, sans-serif;
  --base-font-beau-sans-pro: "Beau Sans Pro", Helvetica, Arial, sans-serif;
  --base-font-clear-sans: "Clear Sans", Helvetica, Arial, sans-serif;
  --base-font-din-pro: "DIN Pro", Helvetica, Arial, sans-serif;
  --base-font-exo: "Exo", Helvetica, Arial, sans-serif;
  --base-font-lato: "Lato", Helvetica, Arial, sans-serif;
  --base-font-liberation-serif: "Liberation Serif", "Times New Roman", serif;
  --base-font-museo-sans: "Museo Sans", Helvetica, Arial, sans-serif;
  --base-font-neusa-next-pro: "Neusa Next Pro", Helvetica, Arial, sans-serif;
  --base-font-spectral: "Spectral", "Times New Roman", serif;
  --base-font-ubuntu: "Ubuntu", Helvetica, Arial, sans-serif;

  --gutter-x: 20px;
  --gutter-y: 20px;
  --block-space: 90px;
  --block-space-lg: 90px;
  --content-top-space: 35px;
  --box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);

  --accent-color: #53d48d;
  --accent2-color: #3cb371;
  --main-color: #000000;
  --second-color: #3b3b3b;
  --white-color: #ffffff;
  --main-bg: #ffffff;
  --line-color: #ededed;
  --border-color: #d8d8d8;
  --grey-bg: #ededed;
  --light-grey-bg: #f5f5f5;
  --light-blue: #97b3be;
  --light-blue-bg: #e8f2f6;
  --light-blue-bg2: #8fb3c8;
  --secondary-color: #727272;
  --red-color: #f65847;
}

@media (max-width: 767.98px) {
  :root {
    --block-space: 40px;
    --block-space-lg: 40px;
  }
}
/* ! Variables */