.box{
  max-width: 1300px;
  margin: 30px auto;
  padding: 0;
  clear: both;
  background-color: #dfdfdf;
}


.c1{
  display: inline-block;
  padding: 20px 0;
  margin: 0px auto;
  width: 100%;
  text-align: center;
  line-height: 25px;
float: left;
}



.c4{
  display: inline-block;
  float: left;
  width: 33.33%;
  text-align: center;
  padding: 10px 0 20px 0;;
  background-color: rgb(230, 150, 134); 
  min-height: 300px;
}

.c5{
  display: inline-block;
  float: left;
  width: 33.33%;
  text-align: center;
  padding: 10px 0;
  background-color: rgb(230, 203, 118);  
  min-height: 300px;
}

.c6{
  display: inline-block;
  float: left;
  width: 33.33%;
  text-align: center;
  padding: 10px 0;
  background-color: rgb(173, 170, 230); 
  min-height: 300px; 
}




/* Collapse to full width column */

@media only screen and (max-width: 750px){
  .c4{
    width: 100%;
  }
  .c5{
    width: 100%;
  }
  .c6{
    width: 100%;
  }
}