p:has(img):not(footer p) {
    float: right;
    width: 50%;
    margin-left: 1rem;
}
img {
  width: 100%;
}
.fairtrading {
  margin: 1rem 4rem;
}

.membershipTypes {
  text-align: center;
}
.membershipTypes h3 {
    background-repeat: no-repeat;
    padding-top: 7rem;
    text-align: center;
    background-position: 50% -1px;
}
.artisan {
      background-image: url(../graphics/sponsorArtisan.png);
}
.associate {
      background-image: url(../graphics/sponsorAssociate.png);
}
.business {
      background-image: url(../graphics/sponsorBusiness.png);
}
.friend {
      background-image: url(../graphics/sponsorFriend.png);
}
.major {
      background-image: url(../graphics/sponsorMajor.png);
}
.button {
  margin-bottom: 5rem;
}
.button a {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f15f24+0,db2d02+100 */
  background: linear-gradient(to bottom,  rgba(241,95,36,1) 0%,rgba(219,45,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: var(--neutralLight);
  padding: .5rem;
  text-decoration: none;
  display: inline-block;
  width: 16rem;
  font-weight: bold;
  transition: .3s;
}
.button a:hover {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .3);
}
@media only screen and (max-width: 500px) {
     p:has(img):not(footer p) {
         float: none;
         width: 100%;
     }
     .fairtrading {
          margin: 0;
     }
}