@font-face {
  font-family: "sofia-pro-light";
  src: url(/themes/temphalla/fonts/sofiapro-light.otf) format("opentype");
}

@font-face {
  font-family: "mulish";
  src: url(/themes/temphalla/fonts/Mulish-Light.ttf) format("opentype");
}

@font-face {
  font-family: "museo-sans-display";
  src: url(/themes/temphalla/fonts/MuseoSansDisplay-Light.ttf)
    format("opentype");
}

@font-face {
  font-family: "mulish-bold";
  src: url(/themes/temphalla/fonts/Mulish-Bold.ttf) format("opentype");
}

@font-face {
  font-family: "museo-sans-display-bold";
  src: url(/themes/temphalla/fonts/MuseoSansDisplay-Black.ttf)
    format("opentype");
}

@font-face {
  font-family: "Yaldevi-Medium";
  src: url(/themes/temphalla/fonts/YaldeviColombo-Medium.ttf) format("opentype");
}

.mulish-700 {
  font-family: "mulish";
  font-weight: 700;
}

.mulish-400 {
  font-family: "mulish";
  font-weight: 400;
}

.sofia-pro {
  font-family: "sofia-pro-light";
}

.museo-sans-display {
  font-family: "museo-sans-display";
}

.mulish-bold {
  font-family: "mulish-bold";
}

.museo-sans-display-bold {
  font-family: "museo-sans-display-bold";
}

.font-32 {
  font-size: 32px;
}

.font-gray {
  color: #666666;
}
.font-gray strong {
  color: #000;
}