:root {
    --color-primary: #007FF7;
    --color-primary-rgb: 0, 127, 247;
    --color-primary-dark: #15062D;
	--color-primary-dark-rgb: 21, 6, 45;
	--color-secondary: #A4E4EF;
	--color-secondary-rgb: 164, 228, 239;
	--color-links: var(--color-primary); 
	--color-links-hover: var(--color-primary-dark);
	--header-color:  var(--color-primary-dark);
	--footer-content-color: var(--color-primary-dark);
	--color-footer-content-links-rgb: var(--color-white-rgb);
	--color-footer-content-links-hover-rgb: var(--color-white-rgb);
	--footer-legal-color: var(--color-primary-dark);
	--button-hero: var(--color-primary);
	--button-hero-rgb: var(--color-primary-rgb);
	--primary-rgb: var(--color-primary-rgb);  /*Primary RGB*/
	--header-text-color: var(--color-white);
	--header-text-color-span: var(--color-secondary);
	--nav-toggle: var(--color-white);
	--footer-legal: var(--color-secondary);
	--footer-legal-rgb: var(--color-secondary-rgb);
	--footer-copyright: var(--color-secondary);
	--scroll-top: var(--color-secondary);
	--scroll-top-hover: var(--color-primary-rgb);
	--nav-color: var(--color-white);
	--nav-hover-color: var(--color-secondary);
	--nav-hover-underline: var(--color-primary-dark);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "svn-le_beaune_newregular", sans-serif;
  color: var(--color-primary-dark);
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}
.section-header h2 {
  font-size: 36px;
  color: var(--color-primary-dark);
  font-family: "svn-le_beaune_newregular", sans-serif;
  text-transform: uppercase;
  font-weight: 200;
  position: relative;
  padding-bottom: 20px;
}