.flex-points {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    text-align: center; 
    height:300px; 
    align-items: center; 
    justify-content: center;
    margin-bottom: 20px;
}

.pp-wrap {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    background-color: #FAFAFA;
    border: solid 1px #E6E6E6;
    padding: 20px;
    align-items: center; 
    justify-content: center;
}

.pp-intro {
    background-color: #FAFAFA;
    border: solid 1px #E6E6E6;
    padding: 30px;
}

img.pp-intro {
    mix-blend-mode: multiply;
}

.pp-logo {
    height:100px;
    max-width: 350px;
    padding: 10px;
  mix-blend-mode: multiply;
    align-items: center; 
    justify-content: center;
}

.pp-logo > img {
   max-height: 100%; 
   width: 100%;
}

.pp-points > img {
   width: 100%;
}

.pp-points {
    max-height: 100%; 
    max-width: 100%;
    padding:10px;
    text-align: center;
}

.hdfp-link-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10; }