:root {
  /** Font default */
  --font-family-default: 'bicyclette', sans-serif;
  --font-family-title: 'pinot-grigio-modern', sans-serif;
  --font-size-default: 0.938vw;
  --font-size-title: 5.625vw;
  --font-color-default: #333333;
  --font-color-title: #002349;
  --primary-color: #002349;
  --secondary-color: #265282;
  --gradient-color: linear-gradient(to bottom, rgba(38,82,130,1) 0%,rgba(0,35,73,1) 100%);
  /** Use for input, button, and any other element */
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
}

@media only screen and (max-width: 991px) {
  :root {
    --font-size-default: 15px;
    --font-size-title: 62px;
  }
}