.columns {
display: flex;
clear: none;
overflow: hidden;
box-sizing: border-box;
}
.columns img {
display: block;
width: 100%;
height: auto;
}

.col1 {
display: block;
clear: none;
overflow: hidden;
box-sizing: border-box;
width: 32%;
height: auto;
float: left;
margin-right: 2%;
background-color: white;
border: #1b92f0 1px solid;
}
.col2 {
display: block;
clear: none;
overflow: hidden;
box-sizing: border-box;
width: 32%;
height: auto;
float: left;
background-color: white;
border: #1b92f0 1px solid;
}
.col3 {
display: block;
clear: right;
overflow: hidden;
box-sizing: border-box;
width: 32%;
height: auto;
float: left;
margin-left: 2%;
background-color: white;
border: #1b92f0 1px solid;
}
.colContent {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
padding: 12px;
}


@media screen and (max-width: 750px) {
  .columns {
  display: block;
  clear: both;
  }
  .columns img {
  width: 60%;
  margin: 0 auto;
  }
  .col1, .col2 {
  clear: both;
  float: none;
  width: 100%;
  margin: 0 0 12px 0;
  }
  .col3 {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
  }
}
@media screen and (max-width: 575px) {
  .columns img {
  width: 100%;
  }
}