body { 
  color: #414042;
  font-family: Averta-Regular, "sans-serif", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.Averta-Bold { 
  font-family: Averta-Bold;
  font-weight: normal;
  font-style: normal;
}
.Averta-BlackItalic { 
  font-family: Averta-BlackItalic;
  font-weight: normal;
  font-style: normal;
}
.Averta-Extrabold { 
  font-family: Averta-Extrabold;
  font-weight: normal;
  font-style: normal;
}
.Averta-BoldItalic { 
  font-family: Averta-BoldItalic;
  font-weight: normal;
  font-style: normal;
}
.Averta-Black { 
  font-family: Averta-Black;
  font-weight: normal;
  font-style: normal;
}
.Averta-ExtraboldItalic { 
  font-family: Averta-ExtraboldItalic;
  font-weight: normal;
  font-style: normal;
}
.Averta-Extrathin { 
  font-family: Averta-Extrathin;
  font-weight: normal;
  font-style: normal;
}
.Averta-ExtrathinItalic { 
  font-family: Averta-ExtrathinItalic;
  font-weight: normal;
  font-style: normal;
}
.Averta-Light { 
  font-family: Averta-Light;
  font-weight: normal;
  font-style: normal;
}
.Averta-LightItalic { 
  font-family: Averta-LightItalic;
  font-weight: normal;
  font-style: normal;
}
.Averta-Regular { 
  font-family: Averta-Regular;
  font-weight: normal;
  font-style: normal;
}
.Averta-RegularItalic { 
  font-family: Averta-RegularItalic;
  font-weight: normal;
  font-style: normal;
}
.Averta-Semibold { 
  font-family: Averta-Semibold;
  font-weight: normal;
  font-style: normal;
}
.Averta-SemiboldItalic { 
  font-family: Averta-SemiboldItalic;
  font-weight: normal;
  font-style: normal;
}
.Averta-Thin { 
  font-family: Averta-Thin;
  font-weight: normal;
  font-style: normal;
}
.Averta-ThinItalic { 
  font-family: Averta-ThinItalic;
  font-weight: normal;
  font-style: normal;
}




/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  line-height: 1;
}

h1 { line-height: 1.25;  letter-spacing:-.035rem;   font-family: 'Averta-Light';}
h2 { line-height: 1.25;  letter-spacing: -.01rem;   }
h3 { line-height: 1.8;   letter-spacing:  .05rem;   font-family: 'Averta-Light'; color: #636466;}
h4 { line-height: 1.35;  letter-spacing:   .1rem;    font-family: 'Averta-Regular';}
h5 { line-height: 1.5;   letter-spacing:  .05rem;   text-transform:uppercase; letter-spacing: 2px; color: #d24d29; margin-bottom: 30px; font-family: Averta-Bold; font-weight: normal; font-style: normal;}
h6 { line-height: 1.6;   letter-spacing: 0;        }
p  { line-height: 1.65;   letter-spacing: 0;        }


/* Phone */
h1   { font-size: 3.0rem; color: #d24d29; font-family: Averta-Light; font-weight: normal; font-style: normal;}
h2   { font-size: 2.5rem; color: #d24d29; line-height: 1.4; /*font-family: Averta-Regular;*/ font-family: 'Averta-Light'; font-weight: normal; font-style: normal;}
h3   { font-size: 2.0rem; }
h4   { font-size: 2.0rem; color: #d24d29; margin-bottom: 25px;}
h5   { font-size: 1.0rem; }
h6   { font-size: 1.5rem; }
p    { font-size: 1.65rem; }

  /* Tablet */
  @media (min-width: 500px) {
  h1 { font-size: 4.0rem; }
  h2 { font-size: 3.0rem; }
  h3 { font-size: 2.5rem; }
  h4 { font-size: 2.5rem; }
  h5 { font-size: 1.1rem; }
  h6 { font-size: 1.85rem;}
  }

  /* Desktop */
  @media (min-width: 768px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 3.5rem; }
  h3 { font-size: 3.0rem; }
  h4 { font-size: 2.7rem; }
  h5 { font-size: 1.1rem; }
  h6 { font-size: 1.85rem;}
  p  { font-size: 1.75rem;}
  }

  @media (min-width: 1024px) {
  h1 { font-size: 5.5rem; }
  h2 { font-size: 4.0rem; }
  h3 { font-size: 3.5rem; }
  h4 { font-size: 2.7rem; }
  h5 { font-size: 1.1rem; }
  h6 { font-size: 1.85rem;}
  p  { font-size: 1.95rem;}
  }

  @media (min-width: 1200px) {
  h1 { font-size: 6.5rem; }
  }

  @media (min-width: 1800px) {
  p  { font-size: 2.25rem; }
  }

  p.small {
    font-size: 1.25rem;
    letter-spacing: .065rem;
    color: #939598;
  }

  p.large {
    font-size: 3.0rem;
  }
  
  .project p, .project-introduction p, .perspective-body p {
    margin-bottom: 1em;
  }
    .project p:last-child, .project-introduction p:last-child, .perspective-body p:last-child {
      margin-bottom: 0;
    }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  text-decoration: none;
  cursor: pointer;
  color: #414042;
  -moz-transition: all 0.3s ease-in,all 0.35s ease-out;
  -o-transition: all 0.3s ease-in,all 0.35s ease-out;
  -webkit-transition: all 0.3s ease-in,all 0.35s ease-out;
  transition: all 0.3s ease-in,all 0.35s ease-out;
  }

a:hover {
  color: #d24d29;
}

blockquote {
  font-size: 2.0rem;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  color: #fff;
  background-color: rgb(43, 61, 67);
  padding: 50px;
}
  @media (min-width: 768px) {
  blockquote {
    font-size: 3.5rem;
  }
  }

.grey {
  background-color: #2b3d43;
}

.client-testimonial h1:before {
  content: '\201C';
  position: absolute;
  margin-left: -.5em;
  color: #fff;
}

.client-testimonial h1:after {
  content: '\201D';
}