/* main {
  float: left;
} */
.center {
  display: flex;
  flex-wrap: wrap;
}

.padding {
  float: left;
  padding: 6px;
  width: 33.33%;
}

.responsive {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: .25rem;
    
  }

@media only screen and (max-width: 950px) {
    .padding {
      width: 47.5%;
      margin: 6px 6px;
    }
  }
  
@media only screen and (max-width: 500px) {
    .padding {
      width: 100%;
    }
  }

/* .clearfix:after {
    content: "";
    display: table;
    clear: both;
  } */