:root {
  --my-bg-color: rgba(153, 204, 0, 0.67);
  --my-card-header-color: rgba(255, 193, 7, 1.0);
}

.card-header-cb1
{
  background-color: var(--my-card-header-color) !important;
}

.tiled-bg
{
  background-image: linear-gradient(
    var(--my-bg-color), 
    var(--my-bg-color)
  ), url('../images/rmp-logo-bg-nz.svg');
  background-repeat: repeat;
}

/* desktop specific css */
@media (min-width: 1024px)
{
  .tiled-bg
  {
    background-size: 10% auto; /* 10% of the container width, auto height to maintain aspect ratio */
  }
}

/* mobile specific css */
@media (max-width: 768px)
{
  .tiled-bg
  {
    background-size: 30% auto; /* 10% of the container width, auto height to maintain aspect ratio */
  }
}

.c-bg-c
{
  background-color: #99CC00;
}