.hpd-body {
  /*padding: 50px;*/
  background: whitesmoke;
}

.hpd {
  margin: 0 auto 0px;
}

/*
 * Common
 */
.hpd {
  display: block;
  padding: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  /*background: #3cadce;*/
  background: white;
  background-image: url("../images/KitDigital-256-blur.jpg");
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  /*color: white;*/
  color: black;
}

.hpd .hpd-title {
  margin: 0;
  font-size: 21px;
  font-style: italic;
  text-transform: uppercase;
  color: black;
}

.hpd .hpd-desc {
  margin: 10px 0 0 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.45;
  color: black;
}

.hpd-btn {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 2px;
  background: #255571;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  -webkit-transition: background .5s ease;
  transition: background .5s ease;
}

.hpd:hover .hpd-btn {
  background: #76a5af;
  color: #ffe599;
}


/*
 * Basic Ad
 */
.hpd-basic {
  /*max-width: 540px;*/
  max-width: 820px;
  background-repeat: no-repeat;
  background-position: right;
}

@media (min-width: 600px) {
  .hpd-basic {
    text-align: left;
    padding-right: 150px;
  }
  .hpd-basic hpd-btn {
    background: transparent;
  }
}

/*
 * Wide Button
 */
.hpd-wide {
  max-width: 540px;
  background-repeat: no-repeat;
  background-position: right;
  padding: 0;
}

.hpd-wide .hpd-body {
  padding: 14px;
}

.hpd-wide .hpd-desc {
  margin-bottom: 0;
}

.hpd-wide .hpd-btn {
  display: block;
  padding: 20px 14px;
}

@media (min-width: 600px) {
  .hpd-wide {
    text-align: left;
    padding-right: 150px;
    padding: 0;
  }
  .hpd-wide .hpd-body {
    padding: 14px 150px 14px 14px;
  }
  .hpd-wide .hpd-btn {
    padding: 10px 14px;
  }
}

/*
 * Small, not responsive
 * Could be the smallest size but *too* small?
 */
.hpd-small {
  max-width: 180px;
  padding: 0;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/18946/hpd-faded-wing_1.jpg");
}

.hpd-small .hpd-body {
  padding: 14px;
}

.hpd-small .hpd-title {
  font-size: 20px;
}

.hpd-small .hpd-btn {
  display: block;
  padding: 10px 0;
  border-radius: 0 0 2px 2px;
  font-size: 13px;
}
/*# sourceMappingURL=banner.css.map */