// HERO UNIT
// ---------

.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  // background-color: @heroUnitBackground;
  background: url(../../grass_seamless_pattern.jpg);
  .border-radius(6px);
  h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    color: @heroUnitHeadingColor;
    letter-spacing: -1px;
    background-color: rgba(0,0,0,0.2);
  }
  p {
    font-size: 18px;
    font-weight: 200;
    line-height: @baseLineHeight * 2; //1.5;
    color: @heroUnitLeadColor;
    background-color: rgba(0,0,0,0.2);
  }
}
