body {
  font-family: Arial, sans-serif;
  font-size: 21px;
  line-height: 1.2;
}

img {
  max-width: 50%;
  max-height: 50%;
  border: 2px solid black;
}

img.no-border {
  border: none; /* Remove the border */
}
img.sun {
  max-width:40%;
}

@media (max-width: 1080px)  /* applies to Samsung S5 */
{
  img {
    max-width: 80%;
    max-height: 50%;
    border: 2px solid black;
    }
}

.banner {
     max-width: 50%;
}


@media (min-width: 1200px) {
  .banner {
    width: 24vw;
  }
}

.portrait {
  max-height: 50%;
}

h2 {
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  line-height: 1.2;
  color: #333;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}