crowdAI/crowdai

/* Home – Hero */

#home {
  background: url('misc/home.png') no-repeat right 0 top 120px;
  @media screen and (max-width: 1920px) {
    background-position: right -200px top 120px;
  }
  @media screen and (max-width: 1280px) {
    background-position: right -500px top 120px;
  }
  @media screen and (max-width: 1024px) {
    background-position: right -800px top 120px;
  }
  @media screen and (max-width: 800px) {
    background: none;
  }
  h1 {
    margin-top: 114px;
    @media screen and (max-width: 1024px) {
      margin-top: 94px;
    }
    @media screen and (max-width: 800px) {
      margin-top: 74px;
    }
    @media screen and (max-width: 640px) {
      margin-top: 54px;
    }
    @media screen and (max-width: 640px) {
      margin-top: 34px;
    }
  }
  p.large {
    max-width: 580px;
    margin-top: 29px;
    @media screen and (max-width: 800px) {
      margin-top: 21px;
    }
    @media screen and (max-width: 640px) {
      margin-top: 17px;
    }
  }
  .button-group {
    margin-top: 29px;

    @media screen and (max-width: 800px) {
      margin-top: 21px;
    }
  }
}