*.column  {
  box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
 
}

.left, .right {
  width: 15%;
  background: linear-gradient(#f4f4f4, #ccc);
}

.middle {
  width: 70%;
  /*background: linear-gradient(#f4f4f4, #ddd);*/
  text-align: left;
  border-radius: 5px;
  /* background-color:#ccc; */
   background: #fdfdfd;

}

/* Clear floats after the columns */
.content:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
  .left, .right {
  display:none;
}
}

.content p {
            line-height: 1.2;
        }
.content h2 {
            line-height: 2.6;
        }