@font-face { font-family: Khand; src: url('/fonts/Khand-Regular.ttf'); } 
@font-face { font-family: Khand; font-weight: bold; src: url('/fonts/Khand-Bold.ttf'); }
@font-face { font-family: Khand; font-weight: light; src: url('/fonts/Khand-Light.ttf'); }
@font-face { font-family: Khand; font-weight: medium; src: url('/fonts/Khand-Medium.ttf'); }

body {
  background-color: #F5F5F5;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  font-family: Khand, Sans-Serif;
}

.footer {
  background-color: #EAC642;
}

a {
  color: #E0AD3B;
}

.banner-logo {
  height: 60px
}

.brand-color-primary {
  background-color: #EAC642
}

.brand-color-accent {
  background-color: #E0AD3B
}

.brand-color-secondary {
  background-color: #000000
}

.fap-primary {
  color: #000 ;
  background-color: #EAC642 !important;
}

.fap-primary:hover {
  background-color: #E0AD3B !important;
}

div.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  background-color: #ccc;
}

section.sg-home-hero h1 {
  font-size: 74px;
  text-align: center;
  color: #242e2f;
}

.hero-button {
  height: 75px;
}

.color-primary {
  color: #EAC642;
}

.color-accent {
  color: #E0AD3B;
}

.how-it-works-number {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;    
  background: #EAC642;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.max-lines-two {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
          line-clamp: 2; 
  -webkit-box-orient: vertical;
}

@media only screen and (max-width: 800px) {
  section.sg-home-hero h1 {
    font-size: 40px;
  }
}