.intro > ul > li > img {
  padding-right: 0;
  padding-left: 0.5rem;
}

.card-body > p {
  direction: ltr !important;
}
.title > h2 {
  font-size: 24px;
}
.magnetization-card p {
  text-align: left;
}

/* media  */

@media screen and (min-width: 576px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 992px) {
  .pig-info {
    flex-direction: row-reverse;
  }
  .pig-wrapper {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 1400px) {
}