.shadow-text { 
    text-shadow: 3px 3px 5px rgb(0, 0, 0);
}

.header-bg {
    background-color: black;
}

.custom-cards {
    display: flex;
    margin: 0 auto 0 auto;
    justify-content: center; 
}

div.clearfix {
    float: none;
}

.example-img {
    float: right;
    margin: 0 auto 50px auto;
}

article > p {
    min-width: 270px;
}

article {
    width: 50%;
    margin: 20px 20px 20px 20px;
    /* display: inline-flex;
    align-items: center; */
}



h3.bottom-call-to-action {
    width: 50%;
}

@media screen and (max-width: 1387px) {
    .example-img {
      float: none;
      width: 100%;
      min-width: 300px;
      display: flex;
      align-items: center;
      /* margin-left: -40px; */
    }

article {
    width: 100%;
    margin: 20px 20px 20px 20px;
    padding: 0px 30px 0 30px;
}

article > ul {
    margin-left: -20px;
    min-width: 250px;
}

article > li {
    margin-left: -40px;
}
article > p > {
    margin-left: -50px;
}

h3.bottom-call-to-action {
    width: 100%;
}
  }