:root {
      --primary: #007CAF;
      --secondary: #BB0527;
      --accent: #FF8350;
      --light-bg: #f4f4f4;
      --dark-bg: #222;
      --black: #000000;		
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html, body {
      font-family: sans-serif;
      line-height: 1.5;
      color: #333;
    }

    header {
      background-color: var(--primary);
      color: white;
      padding: 1.5em 1em;
      text-align: center;
    }


	section {
	  width: 100%;
	  padding: 3em 1em;
	}
	  
    .container {
      width: 100%;
      max-width: 1000px;
      margin: 2em auto;
      padding: 1em;
      background: white;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
    }

    footer {
      background-color: var(--dark-bg);
      color: white;
      text-align: center;
      padding: 1.5em 1em;
      margin-top: 2em;
    }

	.full-width-bg {
	  background-color: #c2dfec; /* or any light gray */
	  width: 100%;
	  padding: 2em 1em;
	}

	.full-width-wh {
	  background-color: #ffffff; /* or any light gray */
	  width: 100%;
	  padding: 2em 1em;
	}

	.section-content {
	  max-width: 1000px; /* Match your site's content width */
	  margin: 0 auto;
	}

	.two-column {
	  display: flex;
	  align-items: stretch; /* ensures equal height for both columns */
	  gap: 2em;
	  flex-wrap: wrap;
	}

	.left-column {
	  flex: 0 0 200px;
	  display: block; /* Remove center alignment */
	}

	.left-column img {
	  max-height: 220px;   /* Adjust as needed to match the text block visually */
	  width: auto;
	  height: auto;
	  display: block;
	  border-radius: 4px;
	}

	.right-column {
	  flex: 1;
	  min-width: 0;
	}

	.video-container {
	  position: relative;
	  width: 100%;
	  padding-bottom: 56.25%; /* 16:9 aspect ratio */
	  height: 0;
	  overflow: hidden;
	}

	.video-container iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  border: 0;
	}