@import "variables.css";

.benefits {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}

.benefits ul {
  width: 90%;
}

.benefits ul li {
  padding: 1rem;
  font-size: var(--med-font-size);
  display: flex;
}

.fa-check {
  color: var(--highlight-color);
  font-size: 1.8rem;
  margin-right: 1rem;
}

@media (max-width: 425px) {
  #hide {
    display: none;
  }
  .make-bold {
    background-color: var(--highlight-color);
    padding: 0.2rem;
  }
}