:root {
  --primaryColor: #66ac4c;
  --secondaryColor: #757575;
  --textColor: #505050;
  --white: #ffffff;
  --whiteF9: #f9f9f9;
  --black: #000000;
  --black33: #333333;
  --gray55: #555555;
  --lightGrayC4: #c4c4c4;
  --grayEF: #efefef;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0px;
  font-family: "Average Sans";
}
.font-Rale {
  font-family: Raleway;
}
.font-PT {
  font-family: 'PT Sans', sans-serif;
}
.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-flow: column;
}
.alignCenter {
  align-items: center;
}
.textCenter {
  text-align: center;
}
.pointer {
  cursor: pointer;
}
.mobile {
  display: none;
}
.fullWidth {
  width: 100%;
}
.fullHeight {
  height: 100%;
}
.flexAndCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.primary-button {
  background: var(--primaryColor);
  border-radius: 50px;
  color: var(--white);
  padding: 10px 25px;
}
.primary-border-button {
  border-radius: 50px;
  color: var(--primaryColor);
  padding: 10px 25px;
  border: 1px solid var(--primaryColor);
}
.secondary-button {
  background: var(--secondaryColor);
  border-radius: 50px;
  color: var(--white);
  padding: 10px 25px;
}

.active {
  color: var(--primaryColor) !important;
}

.fade {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

@media only screen and (max-device-width: 1023px) {
  .primary-border-button, .primary-button, .secondary-button {
    padding: 7px 15px;
  }
}

@media only screen and (max-device-width: 620px) {
  .mobile {
    display: block;
  }
}