body {
    background-color: #E1EBEF; /* #003366; #224C00; */
}

.container {
    background-color: #F5F6F8; /* #0080FF; #599532; */
}

.headercolour {
    background-color: #B6DDFA; /* #FFF; #7FBE56; */
}

.footercolour {
    background-color: #B6DDFA; /* #0076B2; #7FBE56; */
    min-height: 50px;
    padding-top: 16px;
}

.card {
    margin-top: 20px;
    background: #4870AA; /* #006CD8; #1F4506; */
    color: #FFF;
    padding: 3px;
}

.card-link {
    color: #fff;
}

a:hover {
    color: #003366; /* #808080; */
}

.rrbimage {
    width: 400px;
}

.site-content {
    margin-top: 20px;
    background: #FFF; /* #1F4506; */
    color: #000;
    padding: 3px;
}

.homepagelink
{
	color: #FFF; /* #66F4FF; #00B4D8; #00FFFF; #33DDAA; #00FFAA; #F1F1F1; #151515; */
	text-decoration: underline;
}


.float-right {
	float: right;
	margin: 0 0 1em 1em; /* top right bottom left */
	max-width: 40%; /* keep it nicely scaled */
  }
  
  .wrapper {
	overflow: hidden; /* ensures container wraps around floated image */
	font-family: sans-serif;
	line-height: 1.6;
  }

.gallery {
  width: 100%;
  max-width: 1200px;   /* optional: keeps content centered */
  margin: 0 auto;
  padding: 10px;
}

.section {
  text-align: center;
  margin-bottom: 20px;
}

.section img {
  max-width: 100%;   /* responsive scaling */
  height: auto;
  display: inline-block;
}

.two-cols {
  display: flex;
  justify-content: center;
  gap: 20px;         /* spacing between images */
  flex-wrap: wrap;   /* allows stacking on small screens */
}

.caption {
  text-align: center;
  margin: 10px 0 30px;
  font-style: italic;
}