.features-slot {
  max-width: 960px;
  display: flex;
  
  align-items: stretch;
  flex-flow: row;
  flex-wrap: wrap;
  margin: 20px auto 40px auto;
}
.feature-header {
    width: 100%;
    display: flex;
  flex-flow: row;
  align-items: baseline;
}
.feature-header h2 {
    width: 50%;
    color: #595454;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    font-size: 20px;
    text-transform: uppercase;
}
.feature-header a {
    width: 50%;
    text-align: right;
    margin-right: 10px;
}
 .feature-wrapper {
     max-width: 960px;
  display: flex;
  justify-content: flex-start; 
  align-items: stretch;
  flex-flow: row;
  flex-wrap: wrap;
  margin-left:-5px;
  margin-right:-5px;
 }
 .feature-wrapper * {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 }
 .feature-wrapper > div {
     position: relative;
 }
 .feat-cont {
    
    border:solid 1px #dddddd;
  border-radius: 3px;
  margin: 5px;
  max-height: 180px;
 
}

.feat-cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  flex-direction: column;
    justify-content: center;
}


.feat-cont:first-child:nth-last-child(2),
.feat-cont:first-child:nth-last-child(2) ~ .feat-cont {
  width: 48.9%;
}

/* three or five or six items */
.feat-cont:first-child:nth-last-child(3),
.feat-cont:first-child:nth-last-child(3) ~ .feat-cont,
.feat-cont:first-child:nth-last-child(6),
.feat-cont:first-child:nth-last-child(6) ~ .feat-cont,
.feat-cont:first-child:nth-last-child(5),
.feat-cont:first-child:nth-last-child(5) ~ .feat-cont {
  width: 32%;
}

/* four or seven or eight items */
.feat-cont:first-child:nth-last-child(4),
.feat-cont:first-child:nth-last-child(4) ~ .feat-cont,
.feat-cont:first-child:nth-last-child(8),
.feat-cont:first-child:nth-last-child(8) ~ .feat-cont,
.feat-cont:first-child:nth-last-child(7),
.feat-cont:first-child:nth-last-child(7) ~ .feat-cont {
  width: 23.9%;
}


.feat-cont > .b-content > * {
    justify-content: space-between;
}
.feat-cont > .b-content.m-content-flex {
    justify-content: space-evenly;
}

.b-content.m-1-2 {
    width: 50%;
    
  }

.link-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.m-link {
    color: #1c88c7;
}
.m-feat-padding {
    padding: 1rem;
}


@media screen and (max-width:1023px ){
    .feat-cont {width:48% !important;}
}

@media screen and (max-width: 625px) {
    .feat-cont {width: 100% !important;}
}