.column {
  float:LEFT;
  WIDTH:40%;
background-color:white;
display:inline;


       
}






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

}







@media screen and (MAX-width: 680px) {
  .column {
    width: 90%;
padding-right:30px;

  }
}








@media screen and (MAX-width: 680px) {
  #s2 {
    display:none;
  }
}
#p1{
text-align:left;

}





.H1{
text-align:center;

}





img{ width: 80%;
   height: auto;
}