/* Restored look of the 2003-2005 Caldwell Campground pages: PhotoImpact image
   slices in a 1024px table, default browser serif text, no page margins. */
html { background: #fff; }
body {
  margin: 0;
  background: #fff;
  color: #000;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
}

/* Restoration notice (added, not part of the original pages) */
.notice {
  margin: 0;
  padding: 8px 12px;
  background: #f4f1e4;
  border-bottom: 1px solid #cfc7a3;
  color: #333;
  font: 14px/1.45 Arial, Helvetica, sans-serif;
}

/* The original fixed-width picture table, allowed to shrink on small screens */
.page { width: 1024px; max-width: 100%; }
.page img { display: block; width: 100%; height: auto; border: 0; }
h1.photo { margin: 0; font-size: 1em; font-weight: normal; }

/* Splash page: top strip (index_0.jpg was not archived) and the three slices */
.strip {
  width: 100%;
  aspect-ratio: 1024 / 17;
  background: linear-gradient(to right, #9ed3fe 0%, #b3ebfe 15%, #c1fcfe 31%, #cbfcfd 47%, #bdecfc 64%, #deeaf3 82%, #f0f7fe 100%);
}
.slices { display: flex; }
.slices .s1 { width: 30.957%; }
.slices .s2 { width: 33.594%; }
.slices .s3 { width: 35.449%; }
.slices a, .slices span { display: block; }

/* Text below the pictures */
.text { max-width: 1008px; padding: 0 8px; }
.text p { margin: 1em 0; }
.text h2 { font-size: 1.17em; margin: 1.4em 0 0.3em; }