/* media queries */
.component-item-icon {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin: 10px 0 !important;
}
.component-item-icon .item-icon-wrap {
  background: #f89830;
  height: 30px;
  padding: 5px;
  transform: rotate(45deg);
  width: 30px;
}
.component-item-icon .item-icon-wrap svg {
  height: 20px;
  transform: rotate(-45deg);
  width: 20px;
}
@media only screen and (min-width: 768px) {
  .component-item-icon .item-icon-wrap {
    height: 40px;
    padding: 10px;
    width: 40px;
  }
  .component-item-icon .item-icon-wrap svg {
    height: 20px;
    width: 20px;
  }
}
@media only screen and (min-width: 894px) {
  .component-item-icon .item-icon-wrap {
    height: 50px;
    padding: 10px;
    width: 50px;
  }
  .component-item-icon .item-icon-wrap svg {
    height: 30px;
    width: 30px;
  }
}
.component-item-icon .item-icon-content h4 {
  font-size: 1.2em;
  line-height: 1.1em;
  margin-bottom: 3px;
  margin-top: 0;
}
.component-item-icon .item-icon-content p {
  font-size: 0.85em;
  line-height: 1.3;
  margin: 0;
}