:root {
  --astoundcolor-background-page: #ffffff;
  --astoundcolor-background-light: #eeeeee;
  --astoundcolor-background-medium: #cccccc;
  --astoundcolor-background-dark: #111111;
  --astoundcolor-text-on-light: #111111;
  --astoundcolor-text-on-medium: #000000;
  --astoundcolor-text-on-dark: #ffffff;
  --default-NavbarHeight-Collapsed: 64px;
  --default-NavbarHeight-Expanded: 100vh;
  --default-NavbarHeight-PaddedArea: 65vh;
  --default-NavbarHeight-PaddedTrigger: -55vh;
  --default-link-hover-color: #73C9C3;
	
  --astoundBlue: #3B86FF;
  --astoundPurple: #7022F9;
  --astoundPink: #FF00E5;
  --astoundRed: #FF0054;
  --astoundRed2: #FF0054;
  --astoundRed3: #FF2E00;
  --astoundOrange: #FF5300;
  --astoundOrange2: #FF6B00;
  --astoundGold: #FF9900;
  --astoundYellow: #FFBE00;
  --astoundTeal: #4DCCC3;
  --astoundBlack: #000000;
  --astoundWhite: #ffffff;
	
  --astoundLinkColor: #3B86FF;
	
  --astound-h1-font-family: 'BarlowCondensedSemiBold';
  --astound-h1-font-weight: normal;
  --astound-h1-font-size: 100px;
  --astound-h1-line-height: 90px;
  --astound-h1-text-transform: uppercase;
  --astound-h1-mega-font-family: 'BarlowCondensedSemiBold';
  --astound-h1-mega-font-weight: normal;
  --astound-h1-mega-font-size: 140px;
  --astound-h1-mega-line-height: 130px;
  --astound-h1-mega-text-transform: uppercase;
  --astound-h1-nav-font-family: 'BarlowCondensedSemiBold';
  --astound-h1-nav-font-weight: normal;
  --astound-h1-nav-font-size: 50px;
  --astound-h1-nav-line-height: 46px;
  --astound-h1-nav-text-transform: uppercase;
  --astound-h2-font-family: 'BarlowCondensedSemiBold';
  --astound-h2-font-weight: normal;
  --astound-h2-font-size: 80px;
  --astound-h2-line-height: 70px;
  --astound-h2-text-transform: uppercase;
  --astound-h2-nav-font-family: 'Archivo';
  --astound-h2-nav-font-weight: normal;
  --astound-h2-nav-font-size: 21px;
  --astound-h2-nav-line-height: 36px;
  --astound-h2-nav-text-transform: none;
  --astound-h3-font-family: 'ArchivoLight';
  --astound-h3-font-weight: normal;
  --astound-h3-font-size: 70px;
  --astound-h3-line-height: 80px;
  --astound-h3-text-transform: none;
  --astound-h4-font-family: 'ArchivoSemiBold';
  --astound-h4-font-weight: normal;
  --astound-h4-font-size: 40px;
  --astound-h4-line-height: 48px;
  --astound-h4-text-transform: none;
  --astound-h5-font-family: 'ArchivoSemiBold';
  --astound-h5-font-weight: normal;
  --astound-h5-font-size: 30px;
  --astound-h5-line-height: 36px;
  --astound-h5-text-transform: none;
  --astound-h6-font-family: 'ArchivoSemiBold';
  --astound-h6-font-weight: normal;
  --astound-h6-font-size: 18px;
  --astound-h6-line-height: 36px;
  --astound-h6-text-transform: uppercase;
  --astound-p-font-family: 'Archivo';
  --astound-p-font-weight: normal;
  --astound-p-font-size: 18px;
  --astound-p-line-height: 26px;
  --astound-p-text-transform: normal;
  --astound-p-small-font-family: 'Archivo';
  --astound-p-small-font-weight: normal;
  --astound-p-small-font-size: 14px;
  --astound-p-small-line-height: 20px;
  --astound-p-small-text-transform: normal;
	
	
  --astound-nav-transition-time: 0.5s;
  --astound-nav-height: 100vh;
	
	--astoundCircleDefaultLargeDiameter: 400px;
	--astoundCircleDefaultLargeRadius: 200px;
	
	--astoundCircleDefaultDiameter: 120px;
	--astoundCircleDefaultRadius: 60px;
	
	--astoundDefaultSectionMargin: 100px;
	--astoundDefaultElementPadding: 80px;
	--astoundDefaultSectionMarginSmaller: 50px;
	--astoundDefaultSectionMarginSmallerHalf: 25px;
	--astoundDefaultSectionMarginNarrow: 24px;

}


 
@media (max-width: 1200px) {
	:root {
	  --astound-h1-font-size: 100px;
	  --astound-h1-line-height: 90px;
		
	  --astound-h2-font-size: 75px;
	  --astound-h2-line-height: 70px;
		
	  --astound-h3-font-size: 70px;
	  --astound-h3-line-height: 80px;
		
	  --astound-h3-font-size: 70px;
	  --astound-h3-line-height: 80px;
		
	  --astound-h4-font-size: 40px;
	  --astound-h4-line-height: 48px;

	  --astound-h5-font-size: 28px;
	  --astound-h5-line-height: 32px;

	  --astound-h6-font-size: 18px;
	  --astound-h6-line-height: 36px;

	  --astound-p-font-size: 16px;
	  --astound-p-line-height: 24px;

	  --astound-p-small-font-size: 16px;
	  --astound-p-small-line-height: 24px;
		
		
	--astoundDefaultSectionMargin: 100px;
	--astoundDefaultElementPadding: 80px;
	--astoundDefaultSectionMarginSmaller: 50px;
	}

}
 
@media (max-width: 992px) {
	:root {
	  --astound-h1-font-size: 80px;
	  --astound-h1-line-height: 75px;
		
	  --astound-h2-font-size: 70px;
	  --astound-h2-line-height: 65px;
		
	  --astound-h3-font-size: 60px;
	  --astound-h3-line-height: 60px;
		
	  --astound-h4-font-size: 30px;
	  --astound-h4-line-height: 38px;

	  --astound-h5-font-size: 24px;
	  --astound-h5-line-height: 28px;

	  --astound-h6-font-size: 18px;
	  --astound-h6-line-height: 36px;

	  --astound-p-font-size: 16px;
	  --astound-p-line-height: 24px;

	  --astound-p-small-font-size: 16px;
	  --astound-p-small-line-height: 24px;
		
		
	--astoundDefaultSectionMargin: 100px;
	--astoundDefaultElementPadding: 80px;
	--astoundDefaultSectionMarginSmaller: 50px;
	}

}
 
@media (max-width: 768px) {
	:root {
	  --astound-h1-font-size: 60px;
	  --astound-h1-line-height: 55px;
		
	  --astound-h2-font-size: 55px;
	  --astound-h2-line-height: 50px;
		
	  --astound-h3-font-size: 60px;
	  --astound-h3-line-height: 60px;
		
	  --astound-h4-font-size: 30px;
	  --astound-h4-line-height: 38px;

	  --astound-h5-font-size: 22px;
	  --astound-h5-line-height: 24px;

	  --astound-h6-font-size: 18px;
	  --astound-h6-line-height: 22px;

	  --astound-p-font-size: 16px;
	  --astound-p-line-height: 24px;
		
	  --astound-p-small-font-size: 16px;
	  --astound-p-small-line-height: 24px;
		
		
	--astoundDefaultSectionMargin: 100px;
	--astoundDefaultElementPadding: 80px;
	--astoundDefaultSectionMarginSmaller: 50px;
	}

}

@media (max-width: 576px) {
	:root {
	  --astound-h1-font-size: 40px;
	  --astound-h1-line-height: 35px;
		
	  --astound-h2-font-size: 36px;
	  --astound-h2-line-height: 38px;
		
	  --astound-h3-font-size: 30px;
	  --astound-h3-line-height: 30px;
		
	  --astound-h4-font-size: 22px;
	  --astound-h4-line-height: 28px;

	  --astound-h5-font-size: 21px;
	  --astound-h5-line-height: 26px;

	  --astound-h6-font-size: 18px;
	  --astound-h6-line-height: 22px;

	  --astound-p-font-size: 18px;
	  --astound-p-line-height: 24px;

	  --astound-p-small-font-size: 16px;
	  --astound-p-small-line-height: 24px;

	  --astound-h1-nav-font-size: 36px;
	  --astound-h2-nav-font-size: 18px;
		
		
	--astoundCircleDefaultDiameter: 100px;
	--astoundCircleDefaultRadius: 50px;
		
		
	--astoundDefaultSectionMargin: 50px;
	--astoundDefaultElementPadding: 60px;
	--astoundDefaultSectionMarginSmaller: 30px;
	}

}