h2 {
font-family: Open, sans-serif;
font-size: 1.1em;
color: #177483;
text-decoration: none;
font-weight: 700;
background-color: #f7f7f6;
padding: 4px;
margin: 8px 0;
}
ul.cities {list-style-type: square;}

.col1 {
display: block;
overflow: hidden;
box-sizing: border-box;
width: 50%;
height: auto;
float: left;
text-align: left;
}

.col2 {
display: block;
overflow: hidden;
box-sizing: border-box;
width: 50%;
height: auto;
float: right;
text-align: right;
}
.col2 img {
display: block;
float: right;
width: 65%;
height: auto;
}

@media screen and (max-width: 1424px) {
  .col2 img {
  width: 90%;
  }
}
@media screen and (max-width: 1053px) {
  .col2 img {
  width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .col1 {
  clear: both;
  width: 100%;
  float: none;
  }
  .col2 {
  clear: both;
  width: 100%;
  float: none;
  }
  .col2 img {
  overflow: hidden;
  box-sizing: border-box;
  clear: both;
  float: none;
  width: 45%;
  margin: 0 auto;
  }
}