// Fonts

@mixin gM {
  font-family: "Gilroy Medium";
}

@mixin gSB {
  font-family: "Gilroy Semibold";
}

@mixin gBold {
  font-family: "Gilroy Bold";
}

@mixin gEB {
  font-family: "Gilroy Extra Bold";
}

@mixin gH {
  font-family: "Gilroy Heavy";
}

@mixin gB {
  font-family: "Gilroy Black";
}

@mixin rR {
  font-family: "Roboto Regular";
}

// Text

@mixin heading {
  font-family: "Gilroy Bold";
  font-size: 38px;
  color: #313132;
  text-align: center;
  line-height: 44px;

  padding: 40px 0 30px 0;
}

@mixin headingM {
  font-family: "Gilroy Bold";
  font-size: 28px;
  color: #313132;
  text-align: center;
  line-height: 34px;

  padding: 30px 0 20px 0;
}

@mixin lead {
  font-family: "Roboto Regular";
  font-size: 26px;
  color: #313132;
  text-align: center;
  line-height: 36px;
}

@mixin leadM {
  font-family: "Roboto Regular";
  font-size: 20px;
  color: #313132;
  text-align: center;
  line-height: 26px;
}

@mixin text {
  font-family: "Roboto Regular";
  font-size: 16px;
  color: #313132;
  line-height: 21px;
}

@mixin textColor {
  color: #313132;
}

@mixin textOrange {
  color: #ffcc00;
}

// Background

@mixin bgDark {
  background-color: #313132;
}

@mixin bgOrange {
  background-color: #ffcc00;
}