.partner-container {
  margin: 0px auto;
}

.partner {
  width: calc(20% - 20px);
  float: left;
  height: 170px;
  margin: 10px; 
  padding: 10px;
  overflow: hidden;
  position: relative;
  border-bottom:1px solid #f3f3f4;
}

.partner .logo-img {
  height: 150px;
  width: 150px;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: contain;
  margin:auto;
}

.partner p.website-link {
  width:30px;
  height:30px;
  display:block;
  position:absolute;
  bottom:-14px;
  right:14px;
  font-size: 20px;
  line-height: 1em;
  text-align: right;
}

.partner p.website-link a{
  padding:6px 10px;
  border-radius: 0px;
  color: #00a0dc;
  font-size: 14px;
}


.partner h1 {
  text-align:center;
  color: #31475b;
  font-size: 16px;
  line-height: 1.2em;
}

.partner  p.partner-description {
  height: 0;
  overflow:hidden;
  margin:0;
  font-size: 12px;
  line-height: 1em;
}


/*integration types colours*/

.partner.one-way::before,
.partner.two-way::before { 
  font-size:20px;
  font-family:'Font Awesome 5 Pro','poppins';
  width:30px;
  height:30px;
  position:absolute;
  overflow:hidden;
  font-weight:200;
  border: 1px solid;
  padding-left:5px;
  bottom: 10px;
  left: 10px;
  transition:all 0.3s ease-in;
}
.partner.one-way:hover::before,
.partner.two-way:hover::before {
  width:130px;
}

.partner.one-way::before {
  content:"\f30b   One way";
  color:#FAA629;
}
.partner.two-way::before{
  content:"\f362   Two way";
  color:#7DC691;
}

/* media */

  @media only screen and (max-width: 1141px) {
.partner {
  width: calc(33% - 20px);
}
  @media only screen and (max-width: 768px) {
.partner {
  width: calc(50% - 20px);
}
  @media only screen and (max-width: 485px) {
.partner {
  width: calc(100% - 20px);
}