.px--15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py--15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.px--30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py--30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.hover-icon-reverse {
  min-width: 100%;
}

@media (min-width: 768px) {
  .hover-icon-reverse {
    min-width: 250px;
  }
}

/* class that hides item on phone and shows on desktop */
.hide-on-phone {
  display: none;
}

@media (min-width: 768px) {
  .hide-on-phone {
    display: block;
  }
}

/* class that hides item on desktop and shows on phone */
.hide-on-desktop {
  display: block;
}

@media (min-width: 768px) {
  .hide-on-desktop {
    display: none;
  }
}