:root {
  /** Font default */
  --font-family-default: "Roboto Flex", sans-serif;
  --font-family-title: 'Arsenal', sans-serif;;
  /* --font-family-title: "The Nautigal", cursive; */
  --font-size-default: 16px;
  --font-size-title: 85px;
  --font-size-title-lg: 82px;
  --font-color-default: #545454;
  --font-color-title: #454545;
  /*--primary-color: 202,157,58; #ca9d3a*/
  --primary-color: 118,66,78; /*#76424e*/
  --secondary-color: 45,45,45; /*#2d2d2d*/
  --tertiary-color: 122,126,130; /*#7a7e82*/
  /*--quaternary-color: 255,215,0; #ffd700*/
  --quaternary-color: 163,115,126; /*#a3737e*/
  --gradient-color: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(118,66,78,1) 100%);
  --gradient-color-wt: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(163,115,126,1) 100%);
  --gradient-color-alt: linear-gradient(to right, rgba(118,66,78,1) 0%,rgba(163,115,126,1) 50%,rgba(118,66,78,1) 100%);;
  /** Use for input, button, and any other element */
  --primary: #76424e;
  --secondary: #a3737e;
  --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: 1366px) {
  :root {
    --font-size-title: 75px;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --font-size-title: 70px;
  }
}
@media only screen and (max-width: 575px) {
  :root {
    --font-size-title: 45px;
  }
}