/* line 2, producthunt.scss */
.producthunt-top-banner {
  background: #da5630;
  display: table;
  width: 100%;
  color: #fff;
  padding-bottom: 50px;
  padding-top: 50px;
}
/* line 10, producthunt.scss */
.producthunt-top-banner * {
  color: #fff !important;
}
/* line 14, producthunt.scss */
.producthunt-top-banner .left-col * {
  text-align: right;
}
/* line 19, producthunt.scss */
.producthunt-top-banner .left-col:before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 100%;
  right: 0;
  top: 0;
  background: url("../images/crayon-producthunt.png") repeat-y;
  position: absolute;
}
/* line 30, producthunt.scss */
.producthunt-top-banner .left-col {
  padding-right: 40px;
  min-height: 351px;
  vertical-align: middle;
  display: table-cell;
}
/* line 36, producthunt.scss */
.producthunt-top-banner .left-col .title-h {
  display: table;
  width: 100%;
  margin-top: 45px;
}
/* line 42, producthunt.scss */
.producthunt-top-banner .left-col h4 {
  font-weight: 300;
  margin-top: 20px;
}
/* line 44, producthunt.scss */
.producthunt-top-banner .left-col h4 span {
  padding-right: 20px;
  padding-left: 20px;
}
/* line 52, producthunt.scss */
.producthunt-top-banner .left-col h1 {
  position: relative;
  font-family: 'Gotham', 'Helvetica Neue', sans-serif;
  line-height: 47px;
}
/* line 58, producthunt.scss */
.producthunt-top-banner .left-col h1:before {
  content: ' ';
  display: inline-block;
  width: 103px;
  height: 61px;
  left: 70px;
  top: -10px;
  position: relative;
  background: url("../images/new-age2.gif") no-repeat 100%;
}
/* line 73, producthunt.scss */
.producthunt-top-banner .right-col h2 {
  font-weight: 300;
  margin: 0;
}
/* line 79, producthunt.scss */
.producthunt-top-banner .right-col h3 {
  font-family: 'Gotham', 'Helvetica Neue', sans-serif;
  line-height: 47px;
  text-transform: uppercase;
  font-size: 25px;
  letter-spacing: 3px;
  margin: 0;
}
/* line 88, producthunt.scss */
.producthunt-top-banner .right-col h3:before {
  content: ' ';
  display: inline-block;
  width: 50px;
  height: 61px;
  left: -10px;
  top: 20px;
  position: relative;
  background: url("../images/producthunt-img-1.png") no-repeat 100%;
}
/* line 99, producthunt.scss */
.producthunt-top-banner .right-col h4 {
  font-weight: 300;
  line-height: 30px;
  margin: 0;
}
/* line 105, producthunt.scss */
.producthunt-top-banner .right-col .offer {
  margin-left: 150px;
  margin-top: 20px;
}
/* line 110, producthunt.scss */
.producthunt-top-banner .right-col .offer:before {
  content: ' ';
  display: inline-block;
  width: 180px;
  height: 155px;
  left: -20px;
  top: 109px;
  position: absolute;
  background: url("../images/producthunt-img-2.png") no-repeat 100%;
}
/* line 123, producthunt.scss */
.producthunt-top-banner .primary-button {
  background: #ffde00;
  color: #000 !important;
  margin-top: 56px;
}
/* line 128, producthunt.scss */
.producthunt-top-banner .primary-button:hover {
  background: #ffba00 !important;
}

@media screen and (max-width: 995px) {
  /* line 138, producthunt.scss */
  .producthunt-top-banner {
    padding-top: 90px;
  }
  /* line 141, producthunt.scss */
  .producthunt-top-banner .left-col * {
    text-align: center;
  }
  /* line 145, producthunt.scss */
  .producthunt-top-banner .left-col {
    padding-right: 25px;
    padding-left: 25px;
    min-height: initial;
  }
  /* line 150, producthunt.scss */
  .producthunt-top-banner .left-col .title-h {
    margin: 0;
  }
  /* line 154, producthunt.scss */
  .producthunt-top-banner .left-col h1:before {
    left: 41%;
    top: -70px;
    position: absolute;
  }
  /* line 160, producthunt.scss */
  .producthunt-top-banner .left-col h4 {
    margin: 0;
  }
  /* line 163, producthunt.scss */
  .producthunt-top-banner .left-col h4 span {
    padding-right: 10px;
    padding-left: 10px;
  }
  /* line 170, producthunt.scss */
  .producthunt-top-banner .left-col:before {
    content: ' ';
    background: none;
  }
  /* line 175, producthunt.scss */
  .producthunt-top-banner .right-col * {
    text-align: center;
  }
  /* line 179, producthunt.scss */
  .producthunt-top-banner .right-col {
    text-align: center;
  }
  /* line 183, producthunt.scss */
  .producthunt-top-banner .right-col h3 {
    margin-top: 60px;
  }
  /* line 187, producthunt.scss */
  .producthunt-top-banner .right-col .offer {
    margin: 0;
  }
  /* line 191, producthunt.scss */
  .producthunt-top-banner .right-col .offer:before {
    content: ' ';
    display: inline-block;
    width: 170px;
    height: 155px;
    left: 0px;
    top: 0px;
    position: relative;
    background: url("../images/producthunt-img-2.png") no-repeat 100%;
  }
  /* line 202, producthunt.scss */
  .producthunt-top-banner .right-col .primary-button {
    margin-top: 40px;
  }
}