body {
  max-width: 1220px;
  margin: 0px auto;
  font-family: arial, sans-serif, tahoma;
  font-size: 20px;
  text-align: center;
}

.section1 {
  margin: 0px 0px 0px 0px;
}

img {
  max-width: 100%;
}

a {
  color: blue;
  text-decoration: none;
}

h1 {
  font-size: 50px;
  letter-spacing: -3px;
}

h3 {
  margin: 0px 0px 0px 0px;
}

.list1 {
  margin: 20px auto 50px auto;
  padding: 0px 0px 50px 0px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

@media only screen and (max-width: 900px) {
.list1 td {
  display: block;
  width: 98vw;
}
}

.list1 td .photo1 {
  width: 290px;
  height: auto;
}

@media only screen and (max-width: 900px) {
.list1 td .photo1 {
  margin-bottom: 10px;
}
}

@media only screen and (max-width: 900px) {
.list1 td iframe {
  width: 98%;
}
}