:root {
  /** Font default */
  --font-family-default: "Compass Sans", sans-serif;
  --font-family-title: "Compass Sans", sans-serif;
  --font-size-default: 17px;
  --font-size-title: 90px;
  --font-color-default: 74,74,74;
  /*#4a4a4a*/
  --font-color-title: 0,94,103;
  /*#005e67*/
  --primary: 0,94,103;
  /*#005e67*/
  --primary-alt: 49,150,157/*#31969d*/;
  --secondary: 182,222,227;
  /*#b6dee3*/
  --secondary-alt: 44,187,208;
  /*#2cbbd0*/
  --tertiary: 74,74,74;
  /*#4a4a4a*/
  --gradient: linear-gradient(to right, rgba(0,94,103,1) 0%,rgba(0,94,103,0.95) 35%,rgba(0,94,103,0) 100%);
  --padding: 50px;
  --transition: 0.4s ease-in-out;
  --transition1: 1s ease-in-out;
}

@media only screen and (max-width: 1366px) {
  :root {
    --font-size-title: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --font-size-title: 60px;
    --padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --font-size-title: 50px;
    --padding: 15px;
  }
}
@media only screen and (max-width: 575px) {
  :root {
    --font-size-title: 35px;
  }
}