.full-banner-area {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 80px;
  margin-bottom: 12px;
  top: -40px;
}
.full-banner-area .banner-f {
  margin-top: 24px;
}
.full-banner-area .banner-f:first-of-type {
  margin-top: 0px;
}

.half-banner-area {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 12px;
  margin-bottom: 80px;
  top: -40px;
}
@media only screen and (max-width: 552px) {
  .half-banner-area {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.half-banner-area .banner-h {
  margin-top: 12px;
  margin-bottom: 12px;
  width: calc(50% - 12px);
}
@media only screen and (max-width: 552px) {
  .half-banner-area .banner-h {
    width: 100%;
  }
}
.half-banner-area .banner-h:first-of-type {
  margin-top: 0px;
}
.half-banner-area .banner-h:nth-of-type(2) {
  margin-top: 0px;
}/*# sourceMappingURL=hpbanners.css.map */