.lawyer-grid{
  float: left;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 20px;
  text-align: center;
  @media (min-width: 768px){
    width: 22%;
  }
  &:nth-child(2n){
    margin-right: 0;
  }
  @media (min-width: 768px){
    &:nth-child(2n){
      margin-right: 4%;
    }
    &:nth-child(4n){
      margin-right: 0;
    }
  }
  h4{
    margin: 10px 0;
  }
  p{
    margin: 0;
  }
  .image{
    position: relative;
    width: 100%;
    display: block;
    //height: 230px;
    background-size: cover;
    background-position: center;
    /*@media (min-width: 768px) and (max-width: 991px){
      height: 200px;
    }
    @media (min-width: 992px) and (max-width: 1023px){
      height: 270px;
    }
    @media (min-width: 1024px){
      height: 335px;
    }*/
    a{
      display: block;
    }
    img{
      @include transition;
    }
  }
}