/* Style file for cycle tours */
/* Use CSS flex model */

*{
  box-sizing: border-box;
}

/* For large screens allow two frames side by side */
/* Use flex paramter in html div to specify the relative column width */
.flexcontainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* For smaller screens allow one column of frames */
@media screen and (max-width: 700px) {
  .flexcontainer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }

}

/* Style for cycle text */

p.p1 {
  font-family: "Palatino", serif;
  font-size: 1em;
  text-align: left;
  margin-bottom: 0mm;
  line-height: 120%;
}
p.p2 {
  font-family: "Garamond", serif;
  font-size: 1em;
  text-align: left;
  margin-bottom: 0mm;
  line-height: 120%;
}

img.r { float: right; padding: 25px; }
img.c { vertical-align: center; }
img.t { vertical-align: top; }

/* Style for cycle pictures*/

img.l { float: left; padding: 0px; }
figure { float: left; margin-left: 10px; display: table;}
figcaption { display: table-caption; caption-side: bottom; }