.masthead {


	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.0); /* Black with 50% transparency */
	background-blend-mode: multiply;
  }
  
  .mast-front {
		background-image: url("../images/nextgen-frontline-splash.jpg");
		height: 50vh;
		min-height: 500px;
	}

.sub-mast {
	min-height: 400px;
	  height: 40vh;
}
	
	.journey-front {
	  	background-image: url("../images/journey-splash.jpg");

  	}
	  
	.policy-front {
			background-image: url("../images/cornfield-splash.jpg");

		}
			  
	  .skills-front {
		  background-image: url("../images/skills-splash.jpg");
	  
	  }
			
	  
	  			  
		.tools-front {
			background-image: url("../images/tools-splash.jpg");
		
		}
  
  
  .well-front {
	  background-image: url("../images/wellbeing-2-splash.jpg");
  
  }
  
  .reflect-front {
		
		background-image: url("../images/wellbeing-splash.jpg");
	
	}

  .equity-front {
		
		background-image: url("../images/fists.jpg");
	
	}

  /* .policy-card {
	  border: 1px solid #ddd;
	  border-radius: 5px;
	  padding: 15px;
	  background: #f8f9fa;
	  height: 100%;
  } */
  
  .navigation {
	  padding-top: 15px;
	  padding-bottom: 15px;
  }
  
  .person-card {
	  text-align: center;
	  margin-bottom: 20px;
  }
  .person-card img {
	  width: 150px;
	  height: 220px;
	  object-fit: cover;
  }
  .person-card .name {
	  font-weight: bold;
  }
  
  
  h1, h2, h3, h4, h5 {
	  font-family: "ff-good-headline-web-pro", sans-serif;
	  font-weight: 700;
	  font-style: normal;
  }
  
  h3 {
	  font-weight: 500;
  }
  
  h5 {
	  font-weight: 600;
  }
  
  p {
font-family: "source-sans-3", sans-serif;
  font-weight: 400;
  font-style: normal;
	  font-size: 13pt;
  }
  
  .quote-box {
	  border: 1px solid #ccc;
	  border-radius: 20px;
	  padding: 20px;
	  margin-bottom: 3rem;
  }
  
  .mast {
	  font-size: 64px;
  }
  
		.card {
	  display: flex;
	  flex-direction: column;
	  height: 100%;
  }
  .card-body {
	  flex-grow: 1;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
  }
  .card-header-content {
	  display: flex;
	  flex-direction: column;
  }
  .card-title {
	  margin-bottom: 0; /* Removes default margin to keep title & subtitle close */
  }
  .card-subtitle {
	  font-size: 0.9rem;
	  color: #6c757d; /* Bootstrap's muted text color */
	  margin-top:.15rem;
	  margin-bottom: 1rem; /* Adds space below subtitle */
  }
  
  .menu-back {
	  background-color: rgb(6, 120, 190);
  }