:root {
  /** Font default */
  --font-family-default: "Mulish", sans-serif;
  --font-family-title: "Abhaya Libre", serif;
  --font-size-default: 14px;
  --font-size-title: 55px;
  --font-size-title-sm: 48px;
  --font-color-default: #666666;
  --font-color-title: #000000;
  --primary-color: 95,192,189; /* #5fc0bd */
  --secondary-color: 0,0,0; /* #000000 */
  --background-color: #000000;
  /** Use for input, button, and any other element */
  --primary: #5fc0bd;
  --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: 50px;
  }
}
@media only screen and (max-width: 575px) {
  :root {
    --font-size-title: 35px;
  }
}