.container-new {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-new .col{padding: 5px;margin: 0 auto;}

.container-new .col .image.fit{margin: 0 0 1rem 0;height: 200px;line-height: 200px;background-color: #ffffff;}
.container-new .image.fit img{max-height: 100%;display: table-cell;vertical-align: middle;}
.container-new .col  h2 {font-size: 20px;}
.container-new .col p{text-align: center;}
.clr{clear: both;}

@media (min-width: 768px) {
  .container-new {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container-new {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container-new {
    width: 100%;
  }
}

/*.container-new .col {
  background: lightblue;
}*/

.container-new .col p {
  padding: .25rem .75rem;
}


/* 2 columns (600px) */

@media only screen and (min-width:600px) {
  .container-new .col {
    float: left;
    width: 50%;
  }
}


/* 3 columns (768px) */

@media only screen and (min-width:768px) {
  .container-new .col {
    width: 33.333%;
  }
}


/* 4 columns (992px) */

@media only screen and (min-width:992px) {
  .container-new .col {
    width: 25%;

  }
}