body {
  background-color: #FFFFCC;
}

div.flowleft {
  text-align: left;
  float: left;
  padding-bottom: 10px;
}

div.flowright {
  text-align: right;
  float: right;
  padding-bottom: 10px;
}

div.center {
  text-align: center;
}

div.center {
  text-align: center;
}

div.strip-container {
  text-align: center;
  /* height: 47vw; */  /* too variable */
}

img.strip {
  margin-left: auto;
  margin-right auto;
}

div.portrait-advice {
  visibility: hidden;
}

@media only screen and (max-width: 987px) {

  img.strip {
    width: 97vw;
    height: auto;
  }

  img.title {
    max-width: 25vw;
    height: auto;
  }

}

@media screen and (orientation:portrait) {

  div.portrait-advice {
    font-size: 150%;
    visibility: visible;
  }

}