@charset "UTF-8";
/* CSS Document */



@media (max-width: 991.98px) {

	.mainNav {
		padding-top: 3rem;
	}

	.bullet {
		left: -3.25rem;
	}

	.bullet .interior {
		height: 29px;
  	width: 29px;
	}

	.ourValues ul {
		flex-direction: column;
	}

	.ourValues li {
		display: flex;
		margin-bottom: 1.5rem;
		margin-right: 0;
		position: relative;
		width: auto;
	}

	.valueRing {
		height: 120px;
		width: 120px;
	}

	.valueRing::after {
		height: 30px;
		left: calc(50% - 5px) ;
		top: calc(100% + 10px);
		width: 10px;
	}

	.valuesArt {
		top: 20px;
		height: 80px;
		left: 0;
		text-align: center;
		width: 120px;
	}

	.valuesArt img {
		height: 100%;
  	margin-top: 0;
	}

	.valueTitle {
		padding-left: 0.5rem;
		padding-top: 2.5rem;
	}

	.aboutLanding h1 {
		font-size: 2.5rem;
		line-height: 1.2;
		margin-bottom: 4rem;
	}

	.catalyst .catDetail {
		padding-right: 10vw;
	}

	.catalyst .catDetail p {
		font-size: .875rem;
	}

	.sectionIntro {
  	font-size: 1.25rem;
  	line-height: 1.6;
	}

	.sectors .sectorCol:first-child .sectorCard {
  	margin-top: 0;
	}

	.sectorCard {
		margin-bottom: 1.5rem;
		min-height: unset;
	}

	.sectorCard ul {
		font-size: .875rem;
		line-height: 1.6;
		padding-left: 1.25rem;
	}

	.approachOverlay {
		border-radius: 0;
	}

	.fourPoints p {
		font-size: 1rem;
		line-height: 1.675;
		margin-bottom: 2rem;
	}

	.setContent h2 {
		font-size: 1.3rem;
		width: 30%;
	}

	.setContent ul {
		width: 70%;
	}

	.impactPoints {
		flex-flow: inherit;
	}

	.impactPoints li {
		margin-bottom: 1rem;
		width: 50%;
	}

	.impactPoints h5 {
		padding: 0 1rem;
	}

}


@media (max-width: 767.98px) {

	header {
		position: relative;
		padding-left: 0;
		padding-right: 0;
	}

	.mainNav {
		padding-left: 8vw;
  	padding-right: 8vw;
		padding-top: 2rem;
	}

	.nav-pills .nav-link.active::after {
		left: calc(50% - 10px);
		top: 35px;
  	width: 20px;
	}

	header .mb-logo {
    left: 0;
		position: absolute;
		width:150px;
    z-index: 4;
	}

	.standardNav {
	  background-color: var(--mbMain);
		background-image:url('../img/bg/menu-blue-bg-texture.webp');
		background-repeat: no-repeat;
		background-size: cover;
	  display: none;
	  height: 100vh;
	  justify-content: center;
	  left: 0;
	  position: fixed;
	  top: 0;
	  width: 100%;
	}

	.expand {
		display: flex;
	}

	.standardNav ul {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.standardNav li {
	  margin-bottom: .75rem;
	}

	.menuBtn {
		display: block;
		position: absolute;
  	right: 0;
  	z-index: 4;
	}

	.primeStatement {
		font-size: calc(1rem + 5vw);
		margin-top: 32vw;
	}

	.spiral {
		opacity: 0.2;
		overflow: hidden;
	}

	.spiral img {
		margin-top: -10vw;
	}

	.sectorCard h2 {
		font-size: 1.25rem;
		margin-bottom: .875rem;
	}

	.approachLanding {
		background-position: center;
	}

	.approachLanding h1 {
		font-size: calc(1rem + 5vw);
    margin-top: 72vw;
	}

	.fourPoints h4 {
		margin-bottom: .75rem;
	}

	.impact {
		background-size: cover;
	}

	.setContent {
		flex-direction: column;
	}

	.setContent h2 {
		margin-bottom: 1rem;
		width: 100%;
	}

	.setContent ul {
		width: 100%;
	}

	.cycleSet {
  	margin-bottom: 2rem;
  }

  .memberOf {
 		align-items: center;
  	flex-direction: column;
  }

	.contactPg {
	  min-height: 23rem;
	}

  .formWrap {
  	padding-left: 2.5rem;
  	padding-right: 2.5rem;
	}


}

@media (max-width: 575.98px) {

	h4, .h4 {
  	font-size: calc(1rem + 0.3vw);
	}

	h5, .h5 {
  	font-size: 1rem;
	}

	.primeStatement {
		margin-top: 42vw;
	}

	.sectionHead {
		font-size: 2.25rem;
	}

	.ourMission {
		background-size: 560px;
	}

	.approachPoints {
		margin-bottom: 1rem;
	}

	.approachPoints p {
		padding-top: .25rem;
	}

	.ourProjects ul p {
		font-size: .875rem;
	}

	.whyCapture ul li {
		font-size: .875rem;
	}

	.headSet {
	  margin: 0 0 0 1.5rem;
	}

	.setContent {
		padding-left: 2.5rem;
	}

  .setContent h2 {
    margin-bottom: .5rem;
  }

	.setContent ul {
		flex-flow:column;
		max-height: fit-content;
	}

	.setContent li {
		font-size: .875rem;
		line-height: 1.875;
		width: auto;
	}

	.sectorCard {
		padding: 1rem 2rem 1.5rem 1.25rem;
	}

	.sectorCard ul {
		margin-bottom: 2rem;
	}

	.sectorCard ul li:last-child {
		padding-right: 25vw;
	}

	.cardArt {
		height: 25vw;
		bottom: 0;
		right:5vw;
		top:unset;
		width: 30%;
	}

	.cardArt img {
		width: 100%;
	}
	
	.impactPoints .artwork {
		background-size: 20px;
		height: 124px;
		width: 124px;
	}

	.artwork img {
  	width: 50%;
	}

	.impactPoints h5 {
		padding: 0 .75rem;
		font-size: .875rem;
		line-height: 1.375;
		margin-top: 0;
	}

	.ContactPanel > .row {
		padding-left: .5rem;
  	padding-right: .5rem;
	}

	footer ul {
		flex-direction: column;
	}

	footer ul li {
		margin-bottom: 0.25rem;
	}

}

@media (max-width: 419.98px) {

	.sectorCard ul {  
		margin-bottom: 1rem;
	}

  .sectorCard ul li:last-child {
    padding-right: 15vw;
  }

	.cardArt img {
		margin-left: 5vw;
	}

	.formWrap {
		border-radius: var(--mdRadii);
	}

	.formTitle {
		margin-bottom: 2rem;
		padding: 1.25rem 1.375rem;
	}

}




@media (min-width: 767.98px) {


}