.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: 95%;
margin-left:2.5%;

  }
}








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

}





.H1{
text-align:center;

}



.w3-animate-fading{
}
 

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



var myIndex = 0;
carousel();

function carousel() {
  var i;
  var x = document.getElementsByClassName("mySlides");
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";  
  }
  myIndex++;
  if (myIndex > x.length) {myIndex = 1}    
  x[myIndex-1].style.display = "block";  
  setTimeout(carousel, 10000); // Change image every 10 seconds
}