:root {
	--color-primary0: #00843D; 	
	--color-primary1: #F5FAF7; 	
	--color-primary2: #DCF0DD; 	
	--color-primary3: #73B474; 	
	--color-primary4: #014E25;
	--color-accent0:  #F9C22B;	
	--color-accent1: 	#FDF2D2; 	
	--color-accent2: 	#E4CC87; 	
	--color-accent3: 	#E2AE3D;
	--color-white: 		#FFF;
	--color-neutral0: #EEE;	    
	--color-neutral1: #D1D1D1; 	
	--color-neutral2: #949494; 	
	--color-neutral3: #605F60;	
	--color-neutral4: #2A2926;
	--color-gray0: 		#CCC;     
	--color-gray1: 		#F5F5F5;  
}

:is(.BG-primary0) {background: var(--color-primary0)}	
:is(.BG-primary1) {background: var(--color-primary1)}  
:is(.BG-primary2) {background: var(--color-primary2)} 
:is(.BG-primary3) {background: var(--color-primary3)} 
:is(.BG-primary4) {background: var(--color-primary4)} 
:is(.BG-accent0)  {background: var(--color-accent0)}  
:is(.BG-accent1)  {background: var(--color-accent1)}   
:is(.BG-accent2)  {background: var(--color-accent2)}  
:is(.BG-accent3)  {background: var(--color-accent3)}  
:is(.BG-white)    {background: var(--color-white)}
:is(.BG-neutral0) {background: var(--color-neutral0)} 
:is(.BG-neutral1) {background: var(--color-neutral1)}  
:is(.BG-neutral2) {background: var(--color-neutral2)}  
:is(.BG-neutral3) {background: var(--color-neutral3)}  
:is(.BG-neutral4) {background: var(--color-neutral4)}
:is(.BG-gray0)    {background: var(--color-gray0)}		
:is(.BG-gray1)    {background: var(--color-gray1)}  	

:is(.Color-primary0) {color: var(--color-primary0)}	
:is(.Color-primary1) {color: var(--color-primary1)} 
:is(.Color-primary2) {color: var(--color-primary2)} 
:is(.Color-primary3) {color: var(--color-primary3)} 
:is(.Color-primary4) {color: var(--color-primary4)} 
:is(.Color-accent0)  {color: var(--color-accent0)}  
:is(.Color-accent1)  {color: var(--color-accent1)}  
:is(.Color-accent2)  {color: var(--color-accent2)}  
:is(.Color-accent3)  {color: var(--color-accent3)}  
:is(.Color-white)    {color: var(--color-white)}
:is(.Color-neutral0) {color: var(--color-neutral0)} 
:is(.Color-neutral1) {color: var(--color-neutral1)} 
:is(.Color-neutral2) {color: var(--color-neutral2)}   
:is(.Color-neutral3) {color: var(--color-neutral3)}   
:is(.Color-neutral4) {color: var(--color-neutral4)} 
:is(.Color-gray0)    {color: var(--color-gray0)}		
:is(.Color-gray1)    {color: var(--color-gray1)}  	

/* ADD SASS MAP FOR SVG FILL CLASS */	

.fa-7x {
	font-size: 7em;
}

.ColumnUneven2 { 
	grid-template-columns: auto 2fr; 
	display: grid;
}

.Columns-center {
	place-items: center; 
}

.Btn-primary,
.Btn-primary:hover,
.Btn-primary:focus {
	border:none;
  display:inline-block;
  text-decoration:none;
  box-shadow:none;
  transition:background .5s;
  font-family:proxima-nova,sans-serif;
  font-weight:700;
}

.Btn-primary {
  background:var(--color-accent0);
  color: var(--color-neutral4);
}

.Btn-primary:hover,
.Btn-primary:focus { 
  background:var(--color-accent3);
  color: var(--color-neutral4);
}

#LetUsHelp .Content-container {
	height: 100%;
}

.ReadyToStart, .HaveQuestions {
	padding: max(min(2.5vw, 3em), 1.6em) max(min(2.5vw, 1.25em), 3em);
}

.ReadyToStart a {
	margin-block: 1em;
  padding-block: 0.75em;
}

.HaveQuestions {
	column-gap: 1.5em;
}

.Content-container p,
.Content-container a {
  font-size: max(min(2.5vw, 1.250em), 1.6rem);
}

.Content-container h3 {
  font-size: max(min(2.5vw, 2.25em), 3rem);
}

.Button-group a:not(last-of-type) {
	-webkit-margin-end: 0.8em;
	margin-inline-end: 0.8em;
}

#LetUsHelp a:not(.Btn-sm) {
	padding-block: 0.4em;
  display: inline-block;
}

@media screen and (max-width: 1239px) {
	.HaveQuestions {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.fa-7x {
		font-size: 5em;
	}
}


@media screen and (max-width: 993px) {
	#LetUsHelp {
		text-align: center;
		padding: 2em 6vw 0;
		background: var(--color-white) !important;
	}

	.ReadyToStart {
		background: var(--color-white);
	}

  .ReadyToStart, .HaveQuestions {
    padding: max(min(2.5vw, 3em), 1.6rem) 0;
  }

  /* #LetUsHelp,
  .HaveQuestions,
  .Button-group, 
  .Button-group a,
  #LetUsHelp a:not(.Btn-sm) {
    display: block;
  } */

  .Button-group {
	display: flex;
    flex-direction: column;
  }

  #LetUsHelp a:not(.Btn-sm) {
    margin: 0;
    padding: 0.75em;
  }	
}