/* Cascais bay fades into the existing green, behind the right-hand column. */
#zona {
  position: relative;
  isolation: isolate;
}
#zona::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 40%;
  background-image: linear-gradient(90deg, #173c2c 0%, rgba(23,60,44,.8) 15%, rgba(23,60,44,.22) 45%, rgba(10,29,23,.3) 100%), url('assets/cascais-bay.jpg');
  background-size: cover;
  background-position: right center;
  pointer-events: none;
}
#zona .towns {
  text-shadow: 0 1px 4px rgba(0,0,0,.5);
}
#zona .towns p {
  color: #f0f4ec;
}
#zona .towns > div {
  border-bottom-color: rgba(235,244,227,.38);
}
@media (max-width: 760px) {
  #zona::before {
    inset: 42% 0 0;
    background-image: linear-gradient(180deg, #173c2c 0%, rgba(23,60,44,.5) 35%, rgba(10,29,23,.48) 100%), url('assets/cascais-bay.jpg');
  }
}