:root {
  /** Font default */
  --font-family-default: "Outfit", sans-serif;
  --font-family-title: "Outfit", sans-serif;
  --font-family-montserrat: "Montserrat", sans-serif;
  --font-family-questrial: "Questrial", sans-serif;
  --font-size-default: 18px;
  --font-size-title: 58px;
  --font-color-default: #000000;
  --font-color-title: #000000;
  --primary-color: 166,132,51; /*#a68433*/
  --secondary-color: 0,0,0; /*#000000*/
  --tertiary-color: 175,139,52; /*#af8b34*/
  --background-color: #000000;
  /** Use for input, button, and any other element */
  --primary: #a68433;
  --secondary: #000000;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --default-transition: .4s cubic-bezier(.4,0,.2,1);
}

@media only screen and (max-width: 1199px) {
  :root {
    --font-size-title: 48px;
    --font-size-default: 15px;
  }
}
@media only screen and (max-width: 575px) {
  :root {
    --font-size-title: 35px;
  }
}