* { box-sizing: border-box; }
body {
  background-color: white;
  font-family: "Times New Roman", Times, serif;
  padding: 5px 25px;
  font-size: 18px;
  margin: 0;
  color: #020202;
}

h1 {
  font-family: "Arial", serif;
  font-size: 50px;
}
ul{ list-style:none; padding-left: 0px; }

h2{
  font-family: "Comic Sans MS", cursive; 
}
.left{ 
  display:inline-block;
  width: 50%;

}
.right{
  float: right;
  width: 40px;
}

.myImage {
  background-image: url("photo/1.jpg");
  vertical-align: middle;
}

@media (min-width: 600px){
  .mycol{ width: 45%; display: inline-block; border: solid 1px grey;}

}

.lefttext{  vertical-align: top; display: inline-block; width: 65%; padding-top: 40px; }
.rightimg{ display: inline-block;width:35%; }