:root {
  /** Font default */
  --font-family-default: "Open Sans", sans-serif;
  --font-family-title: "Aeonik", sans-serif;
  --font-family-avenir-ltstd-roman: "Avenir LT Std Roman", sans-serif;
  --font-family-avenir-ltstd-book: "Avenir LT Std Book", sans-serif;
  --font-family-quiche-sans: "quiche-sans", sans-serif;
  --font-size-default: 18px;
  --font-size-title: 60px;
  --font-color-default: #525252;
  --font-color-title: #000000;
  --primary-color: 192,155,87; /*#c09b57*/
  --secondary-color: 128,128,128; /*#808080*/
  /** Use for input, button, and any other element */
  --primary: #c09b57;
  --secondary: #808080;
  --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: 767px) {
  :root {
    --font-size-title: 55px;
  }
}
@media only screen and (max-width: 575px) {
  :root {
    --font-size-title: 45px;
  }
}