.mhp-ribbon-section {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .mhp-ribbon-section {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}

.mhp-ribbon-section .icons {
  margin-top: -20px;
  margin-right: -32px;
}

@media (max-width: 576px) {
  .mhp-ribbon-section .icons {
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
  }
}

@media (min-width: 768px) {
  .mhp-ribbon-section .icons {
    margin-right: -35px;
  }
}

@media (min-width: 992px) {
  .mhp-ribbon-section .icons {
    margin-right: -55px;
  }
}

.mhp-ribbon-section span {
  margin-right: 32px;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .mhp-ribbon-section span {
    margin-right: 35px;
  }
}

@media (min-width: 992px) {
  .mhp-ribbon-section span {
    margin-right: 55px;
  }
}

.mhp-ribbon-section span.lg-icon img {
  max-width: 100%;
  height: 30px;
}

@media (min-width: 768px) {
  .mhp-ribbon-section span.lg-icon img {
    height: 20px;
  }
}

@media (min-width: 992px) {
  .mhp-ribbon-section span.lg-icon img {
    height: 33px;
  }
}

.mhp-ribbon-section span.sm-icon img {
  max-width: 100%;
  height: 16px;
}

@media (min-width: 768px) {
  .mhp-ribbon-section span.sm-icon img {
    height: 14px;
  }
}

@media (min-width: 992px) {
  .mhp-ribbon-section span.sm-icon img {
    height: 23px;
  }
}