/* Default font size */
body {
  font-family:Calibri;
  font-size: 4vw;
  line-height: 1.5;
  margin: 2rem;
}
/* Portrait orientation (taller than wide) */
@media (orientation: portrait) {
  body {
    font-size: 5vw; /* slightly larger for readability on tall screens */
  }
  span {
    font-size: 3vw; /* slightly smaller for breadcrumbs */
  }
  h2 {
    font-size: 5vw; /* smaller so more fits on screen width */
    text-align: center;
  }
  p {
    font-size: 4vw; /* smaller so more fits on screen width */
  }
  img {
    /* width: 384; */
	width: 40vw;
    height: auto;
  }
}
/* Landscape orientation (wider than tall) */
@media (orientation: landscape) {
  body {
    font-size: 2vw; /* smaller so more fits on screen width */
  }
  span {
    font-size: 2vw; /* slightly smaller for breadcrumbs */
  }
  h2 {
    font-size: 3vw; /* smaller so more fits on screen width */
    text-align: left;
  }
  p {
    font-size: 2.5vw; /* smaller so more fits on screen width */
  }
  img {
    /* width: 192; */
	width: 19vw;	
    height: auto;
  }
  a {
    font-size: 2.2vw; /* smaller so more fits on screen width */
  }
}