@font-face {
  font-family: Inter-Light;
  src: url(https://wilson-family.foundation/fonts/Inter-Light.ttf)
      format("truetype"),
    url(https://wilson-family.foundation/fonts/Inter-Light.woff) format("woff"),
    url(https://wilson-family.foundation/fonts/Inter-Light.svg) format("svg");
}

@font-face {
  font-family: WalkieValkyrie-Regular;
  src: url(https://wilson-family.foundation/fonts/WalkieValkyrie-Regular.ttf)
      format("truetype"),
    url(https://wilson-family.foundation/fonts/WalkieValkyrie-Regular.woff)
      format("woff"),
    url(https://wilson-family.foundation/fonts/WalkieValkyrie-Regular.svg)
      format("svg");
}

:root {
  /* Colors */
  --primary-white: 255, 255, 255;
  --secondary-white: 239, 240, 247;
  --primary-black: 0, 0, 0;
  --primary-blue: 32, 37, 77;
  --secondary-blue: 170, 174, 210;
/*   Body */
  --body-width:1200px;
  --body-padding: 55px;
/*   Transition */
    --primary-transition: all 0.6s cubic-bezier(0.15, 0.97, 0.47, 0.97);
}

@media (max-width: 600px) {
  :root {
  --body-padding: 40px;
}
}

body,
html {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  position: relative;
}

/* Start of Header */
.header-container {
  width: 100%;
  position:fixed;
  top:0px;
  left:0px;
  background-color:rgba(var(--primary-transparent),1);
  border-bottom:1px solid rgba(var(--secondary-blue),0);
  box-sizing:border-box;
  padding-top:30px;
  padding-bottom:30px;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
  transition: padding-top 1.5s cubic-bezier(0.15, 0.97, 0.47, 0.97), padding-bottom 1.5s cubic-bezier(0.15, 0.97, 0.47, 0.97), background-color 0.4s cubic-bezier(0.15, 0.97, 0.47, 0.97);
  z-index:9999;
}

.header-container.active {
  padding-top:10px;
  padding-bottom:10px;
  background-color:rgba(var(--primary-blue),1);
  border-bottom:1px solid rgba(var(--secondary-blue),0.075);
}

.header-navigation {
  height:0%;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:1;
  box-sizing:border-box;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
  border-bottom:1px solid rgba(var(--secondary-blue),0.075);
  background-color:rgba(var(--primary-blue),1);
  transition:var(--primary-transition);
  overflow:hidden;
}

.header-navigation.menu-opened {
  height:100%;
}

.navigation-wrapper {
  display:grid;
  margin-top:100px;
}

.header-container.secondary-white .header-navigation {
  background-color:rgba(var(--secondary-white),1);
}

.header-container.primary-white .header-navigation {
  background-color:rgba(var(--primary-white),1);
}

.header-container.secondary-white {
  background-color:rgba(var(--secondary-white),1);
}

.header-container.secondary-white .header-logo {
  fill:rgba(var(--primary-blue),1);
}

.header-container.primary-white {
  background-color:rgba(var(--primary-white),1);
}

.header-container.primary-white .header-logo {
  fill:rgba(var(--primary-blue),1);
}

.header-inner-wrapper {
    max-width:var(--body-width);
  margin:0 auto;
  display:flex;
  align-items:center;
  position:relative;
  z-index:2;
}

.header-column:nth-child(2) {
  margin-left:auto;
  display:flex;
  gap:40px;
}

.header-button {
    font-family: Inter-Light;
  color: white;
  font-weight: 500;
  font-size: 17px;
  margin: 0;
  transition:var(--primary-transition);
 cursor:pointer;
background-color:transparent;
  outline:none;
    border:none;
  text-decoration:none;
}

.header-column:hover .header-button {
  opacity: 0.5; 
}

.header-button:hover {
  opacity: 1 !important;
}

.header-button.mobile {
  font-size: 26px;
  text-align:left;
  border-bottom:1px solid rgba(var(--secondary-blue),0.2);
  box-sizing:border-box;
  padding-top:20px;
  padding-bottom:20px;
  color:rgba(var(--secondary-blue),1);
  
    margin-top: 5px;
  -webkit-transform: scale(1.15) translateY(-30px);
          transform: scale(1.15) translateY(-30px);
  opacity: 0;
  text-decoration:none;
}

.header-navigation.menu-opened .header-button.mobile {
      margin-top: 0px;
  -webkit-transform: scale(1) translateY(0px);
          transform: scale(1) translateY(0px);
  opacity: 1;
}

.header-navigation.menu-opened .header-button.mobile:nth-child(3) {
  -webkit-transition-delay: 0.49s;
          transition-delay: 0.49s;
}

.header-navigation.menu-opened .header-button.mobile:nth-child(2) {
  -webkit-transition-delay: 0.42s;
          transition-delay: 0.42s;
}

.header-navigation.menu-opened .header-button.mobile:nth-child(1) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}


.header-container.active .header-button {
  font-size: 15px;
  color:rgba(var(--secondary-blue),1);
}

.header-container.active .header-button.mobile {
  font-size: 26px;
}

.header-container.secondary-white .header-button {
  color:rgba(var(--primary-black),1);
}

.header-container.primary-white .header-button {
  color:rgba(var(--primary-black),1);
}

.header-container.primary-white .burger-container #burger .bar {
  background: rgba(var(--primary-blue),1);
}

.header-container.secondary-white .burger-container #burger .bar {
  background: rgba(var(--primary-blue),1);
}


.header-logo {
  display: flex;
  max-width: 250px;
  transition:var(--primary-transition); 
  fill:rgba(var(--primary-white),1);
}

.header-container.active .header-logo {
  max-width: 150px;
}

.header-container.menu-opened .header-logo {
  max-width: 150px !important;
}

.header-logo svg {
  width:100%;
}



/* Mobile Menu */
.burger-container {
  position: relative;
  height: 50px;
  width: 50px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  z-index:2;
  display:none;
}
.burger-container #burger {
  width: 18px;
  height: 8px;
  position: relative;
  display: block;
  margin: -4px auto 0;
  top: 50%;
}
.burger-container #burger .bar {
  width: 100%;
  height: 1px;
  display: block;
  position: relative;
  background: rgba(var(--primary-white),1);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.burger-container #burger .bar.topBar {
  -webkit-transform: translateY(0px) rotate(0deg);
          transform: translateY(0px) rotate(0deg);
}
.burger-container #burger .bar.btmBar {
  -webkit-transform: translateY(6px) rotate(0deg);
          transform: translateY(6px) rotate(0deg);
}


.burger-container.menu-opened {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.burger-container.menu-opened #burger .bar {
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.burger-container.menu-opened #burger .bar.topBar {
  -webkit-transform: translateY(4px) rotate(45deg);
          transform: translateY(4px) rotate(45deg);
}
.burger-container.menu-opened #burger .bar.btmBar {
  -webkit-transform: translateY(3px) rotate(-45deg);
          transform: translateY(3px) rotate(-45deg);
}

@media screen and (max-width: 800px) {
  .header-button.navigation {
    display:none;
  }
.burger-container {
  display: inline-block;
}
}

@media (max-width: 600px) {
   .header {
    position: fixed;
  }
  .header-logo {
  max-width: 200px;
}
}

/* End of Header */

/* Start of Top */
.top-main-container {
  position: relative;
  overflow: hidden;
  width:100vw;
  height:100vh;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
  max-height:1000px;
}

.top-parallax-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url("https://wilson-family.foundation/assets/wff-ni-gambia-background.jpg");
  background-size: cover;
  background-position:50% 90%;
  transform: translateZ(-1px);
}

.top-content-inner-wrapper {
  position:relative;
  z-index:2;
  box-sizing:border-box;
  display:grid;
  align-items:center;
  box-sizing:border-box;
  padding-left:var(--primary-padding);
  padding-right:var(--primary-padding);
  max-width:var(--body-width);
  margin:0 auto;
    width: 100%;
  margin-top:300px;
}

.top-text-head {
    font-family: Inter-Regular;
    font-size: 50px;
    color: rgba(var(--primary-white), 1);
    margin: 0;
  max-width:700px;
  text-align:center;
}

h1.top {
  max-width:900px;
}

.gambia-logo-wrapper {
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:20px;
}

.gambia-logo-wrapper img {
  height:80px;
}

.gambia-logo-wrapper p1 {
  font-size:26px;
  margin:0;
}

@media (max-width: 500px) {
  .gambia-logo-wrapper p1 {
      font-size:22px;
  }
}


/* End of Top */


/* Start of Quote */
.quote-main-container {
  background-color:rgba(var(--primary-blue),1);
  width:100%;
  box-sizing:border-box;
  padding-top:200px;
  padding-bottom:200px;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
  position:relative;
  overflow:hidden;
}

.quote-inner-wrapper {
  margin:0 auto;
  max-width:var(--body-width);
  display:grid;
  justify-content:center;
  gap:40px;
  position:relative;
  z-index:1;
}

.quote-inner-wrapper h1 {
  max-width:1000px;
}

.quote-inner-wrapper svg {
  fill:rgba(var(--primary-white),0.2);
  width:70px;
  height:70px;
  margin:0 auto;
}

.quote-details-wrapper {
  display:flex;
  align-items:center;
  gap:20px;
  margin:0 auto;
}

.quote-badge {
    fill: url(#badgedecalbackground);
     -moz-transform: scaleX(-1);
     -o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  position:absolute;
  top:-20%;
  left:35%;
  width:100%;
}

@media screen and (max-width: 1080px) {
.quote-main-container {
  padding-top:120px;
  padding-bottom:120px;
}
}

@media screen and (max-width: 800px) {
.quote-badge {
  top:0%;
}
}

@media screen and (max-width: 700px) {
.quote-details-wrapper {
  display:grid;
  gap:20px;
  justify-content:center;
}
}

/* End of Quote */

/* Start of Water */
.water-main-container {
  background-color:rgba(var(--primary-blue),1);
  width:100%;
  box-sizing:border-box;
  padding-top:120px;
  padding-bottom:200px;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
  position:relative;
  overflow:hidden;
}

.water-inner-wrapper {
  margin:0 auto;
  max-width:var(--body-width);
  display:flex;
  row-gap:40px;
  column-gap:60px;
  position:relative;
  z-index:1;
  align-items:center;
}

.water-inner-wrapper:nth-child(1) {
  margin-bottom:50px;
}

.water-text-wrapper {
}

.water-image {
  width:100%;
  background-size:cover;
}

.water-image.one {
  aspect-ratio: 1 / 1.5;
  min-width:350px;
}

.water-image.two {
  aspect-ratio: 1 / 1.5;
  min-width:350px;
}

.water-image.three {
  aspect-ratio: 1.5 / 1;
  min-width:350px;
}

@media screen and (max-width: 1080px) {
.water-inner-wrapper:nth-child(1) {
  display:grid;
}
  .water-image.one {
  aspect-ratio: 1 / 1.5;
    max-height:600px;
      min-width:0px;
}
    .water-image.two {
      min-width:0px;
}
  
    .water-image.three {
      min-width:0px;
}
  .water-inner-wrapper:nth-child(2) {
  display:grid;
}
  .water-inner-wrapper:nth-child(1) {
  margin-bottom:40px;
}
}

/* End of Water */

/* Start of Kids */
.kids-main-container {
  box-sizing:border-box;
  background-color:rgba(var(--secondary-white),1);
  padding-top:150px;
    padding-bottom:150px;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
  position:relative;
}

.kids-inner-wrapper {
  width:100%;
  display:flex;
  gap:20px;
  max-width:var(--body-width);
  margin:0 auto;
  position:relative;
  z-index:1;
}

.kids-inner-wrapper:nth-child(1) {
  margin-bottom:60px;
}

.kids-column:nth-child(1) {
  display:grid;
  width:45%;
}

.kids-column:nth-child(2) {
  width:55%;
  align-self:end;
  margin-bottom: 20px;
}

.kids-image {
  background-size:cover;
}

.kids-image.one {
  aspect-ratio: 1.5 / 1;
  min-width:350px;
  width:65%;
}

.kids-image.two {
  aspect-ratio: 1 / 1.5;
  min-width:350px;
  width:35%;
}

@media screen and (max-width: 1200px) {
.kids-column:nth-child(1) {
  width:55%;
}

.kids-column:nth-child(2) {
  width:45%;
}
  .kids-inner-wrapper:nth-child(1) {
  display:grid;
  gap:10px;
}
    .kids-column:nth-child(1) {
  width:100%;
}

.kids-column:nth-child(2) {
  width:100%;
}
}

@media screen and (max-width: 1080px) {
.kids-main-container {
  padding-top:120px;
}
    .kids-inner-wrapper:nth-child(2) {
  gap:10px;
   display:grid;
}
  .kids-image.one {
  min-width:0px;
  width:100%;
}

.kids-image.two {
  min-width:0px;
  width:100%;
  max-height:600px;
  background-
}
}

/* End of Kids */

/* Start of Support */
.support-main-container {
  box-sizing:border-box;
  background-color:rgba(var(--primary-white),1);
  padding-top:150px;
    padding-bottom:150px;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
  position:relative;
}

.support-inner-wrapper {
  margin:0 auto;
  max-width:var(--body-width);
  display:flex;
  row-gap:40px;
  column-gap:60px;
  position:relative;
  z-index:1;
  align-items:center;
}

.support-inner-wrapper:nth-child(1) {
  margin-bottom:50px;
}

.support-text-wrapper {
}

.support-image {
  width:100%;
  background-size:cover;
}

.support-image.one {
  aspect-ratio: 1 / 0.85;
  min-width:550px;
}

@media screen and (max-width: 1080px) {
.support-inner-wrapper:nth-child(1) {
  display:grid;
}
  .support-image.one {
  aspect-ratio: 1 / 0.8;
  width:100%;
    min-width:auto;
}
}
/* End of Support */

/* Start of Mission */
.mission-main-container {
  box-sizing:border-box;
  background-color:rgba(var(--secondary-white),1);
  padding-top:150px;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
  position:relative;
}

.mission-inner-wrapper {
  width:100%;
  display:flex;
  gap:20px;
  max-width:var(--body-width);
  margin:0 auto;
  margin-bottom:80px;
  position:relative;
  z-index:1;
}

.mission-column:nth-child(1) {
  display:grid;
  width:45%;
}

.mission-column:nth-child(2) {
  width:55%;
  align-self:end;
  margin-bottom: 20px;
}

.team-wrapper {
  max-width:1100px;
  display:flex;
  margin:0 auto;
  position:relative;
  z-index:1;
    justify-content: center;
}

.team-wrapper img {
  width:100%;
}

.mission-main-container svg {
  fill:rgba(var(--primary-white),1);
  width:100%;
  max-width:1100px;
  position:absolute;
  bottom:30%;
  left:50%;
  transform:translateX(-50%);
}

@media screen and (max-width: 1200px) {
.mission-column:nth-child(1) {
  width:55%;
}

.mission-column:nth-child(2) {
  width:45%;
}
}

@media screen and (max-width: 1080px) {
.mission-main-container {
  padding-top:120px;
}
.mission-inner-wrapper {
  display:grid;
  gap:10px;
}
  .mission-column:nth-child(1) {
  width:100%;
}

.mission-column:nth-child(2) {
  width:100%;
}
}

@media screen and (max-width: 800px) {
.team-wrapper img {
  width:130%;
}
}

@media screen and (max-width: 600px) {
.team-wrapper img {
  width:160%;
}
}

/* End of Mission */

/* Start of Incubation */
.incubation-main-container {
  box-sizing:border-box;
  background-color:rgba(var(--primary-white),1);
  padding-top:150px;
  padding-bottom:150px;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
  position:relative;
}

.incubation-inner-wrapper {
  margin:0 auto;
  max-width:var(--body-width);
  display:grid;
  justify-content:center;
  gap:40px;
  position:relative;
  z-index:1;
  width:100%;
}

h4.incubation {
  max-width:880px;
}

.incubation-inner-wrapper svg {
  fill:rgba(var(--secondary-blue),0.2);
  width:120px;
  height:120px;
  margin:0 auto;
  position:absolute;
  top:-65px;
  left:50%;
  transform:translateX(-50%);
}


.incubation-quote-details-wrapper {
  display:flex;
  align-items:center;
  gap:20px;
  margin:0 auto;
}

.company-wrapper {
  display:flex;
  gap:30px;
  margin-top:40px;
}

.company-column {
  height:650px;
  background-color:black;
  width:33.33%;
    transition:var(--primary-transition);
  cursor:pointer;
  box-sizing:border-box;
  padding:30px;
  display:grid;
  position:relative;
  background-size:cover;
  background-position:50% 50%;
  text-decoration:none;
}

.company-column:hover {
  transform:scale(1.02);
  -webkit-box-shadow: 15px 18px 29px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 15px 18px 29px 0px rgba(0,0,0,0.3);
box-shadow: 15px 18px 29px 0px rgba(0,0,0,0.0.3);
}

.company-content {
  align-self:end;
}

.company-logo {
  max-width:180px;
  fill:rgba(var(--primary-white),1);
}

.company-logo.lumin {
  max-width:140px;
}

.company-border {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  border:1px solid rgba(var(--secondary-blue),0);
  transform:scale(1);
  transition:var(--primary-transition);
}

.company-column:hover .company-border {
  transform:scale(1.1);
  border:1px solid rgba(var(--secondary-blue),0.75); 
}

@media screen and (max-width: 1080px) {
.company-wrapper {
  display:grid;
}

.company-column {
   width: 100%;
    height: 360px;
}
}

@media screen and (max-width: 800px) {
.company-column {
    height: 550px;
}
}

@media screen and (max-width: 700px) {
.incubation-quote-details-wrapper {
  display:grid;
  gap:20px;
  justify-content:center;
}
}
/* End of Incubation */

/* Start of Map */
.map-main-container {
  background-color:rgba(var(--secondary-white),1);
  padding-top:150px;
  position:relative;
}

.map-inner-wrapper {
  width:100%;
  display:grid;
  justify-content:center;
  gap:10px;
  max-width:var(--body-width);
  margin:0 auto;
  margin-bottom:80px;
  position:relative;
  z-index:1;
  box-sizing:border-box;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
}


#map {
  height: 650px; 
  mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 60%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 60%,
    rgba(0, 0, 0, 0) 100%
  ); 
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-logo {
  display: none;
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib {
  display: none;
}

.map-marker {
  height:80px;
  width:40px;
}

.marker-icon {
  background-image:url('https://wilson-family.foundation/assets/icon-marker.svg');
  height:40px;
  width:40px;
}

@media screen and (max-width: 1080px) {
.map-main-container {
  padding-top:120px;
}
}

@media screen and (max-width: 700px) {
.map-inner-wrapper {
  margin-bottom:0px;
}
#map {
  height: 500px; 
}
}
/* End of Map */

/* Start of Footer */
.footer-main-container {
  background-color:rgba(var(--primary-blue),1);
  width:100%;
  box-sizing:border-box;
  padding-top:60px;
  padding-bottom:60px;
  padding-left:var(--body-padding);
  padding-right:var(--body-padding);
  position:relative;
  overflow:hidden;
}

.footer-inner-wrapper {
  margin:0 auto;
  max-width:var(--body-width);
  display:flex;
  align-items:center;
  position:relative;
  z-index:1;
}

.footer-column:nth-child(1) {
  display:grid;
  gap:10px;
}

.footer-column:nth-child(1) p {
  font-size:15px;
}


.footer-column:nth-child(2) {
  margin-left:auto;
  display:flex;
  gap:40px;
}

.footer-logo {
  display: flex;
  max-width: 180px;
  transition:var(--primary-transition); 
  fill:rgba(var(--primary-white),1);
}

.footer-logo svg {
  width:100%;
}

.footer-badge {
    fill: url(#badgedecalbackground);
position: absolute;
    top: -50%;
    left: 30%;
    width: 800px;
    transform: translateX(-50%);
}

@media screen and (max-width: 600px) {
.footer-inner-wrapper {
  display:grid;
}
  .footer-column:nth-child(2) {
  margin-left:0;
}
  
.footer-badge {
    left: 50%;
}
}
/* End of Footer */

/* Start of Copy */
p {
  font-family: Inter-Light;
  font-size: 18px;
  color: white;
  margin: 0;
  margin-bottom: 15px;
}

p.copyright {
    margin-left:auto;
  font-size:14px;
  margin-bottom: 0px;
}

h1 {
  font-family: WalkieValkyrie-Regular;
  color: white;
  font-weight: 500;
  font-size: 78px;
  margin: 0;
  margin-bottom: 15px;
  transition:300ms;
}

h2 {
  font-family: WalkieValkyrie-Regular;
  color: white;
  font-weight: 500;
  font-size: 70px;
  margin: 0;
  margin-bottom: 15px;
  transition:300ms;
}

h3 {
  font-family: WalkieValkyrie-Regular;
  color: white;
  font-weight: 500;
  font-size: 60px;
  margin: 0;
  margin-bottom: 15px;
  transition:300ms;
}

h4 {
  font-family: WalkieValkyrie-Regular;
  color: white;
  font-weight: 500;
  font-size: 36px;
  margin: 0;
  margin-bottom: 15px;
  transition:300ms;
  line-height:36px;
}

p1 {
  font-family: Inter-Light;
  color: white;
  font-weight: 500;
  font-size: 22px;
  margin: 0;
  margin-bottom: 15px;
}

p2 {
  font-family: Inter-Light;
  color: white;
  font-weight: 500;
  font-size: 18px;
  margin: 0;
  margin-bottom: 15px;
}

p3 {
  font-family: Inter-Light;
  color: white;
  font-weight: 500;
  font-size: 13px;
  margin: 0;
  margin-bottom: 15px;
}

h1.center,
h2.center,
h3.center,
h4.center,
p1.center,
p2.center,
p3.center{
  text-align:center;
  margin:0 auto;
}

h1.blue,
h2.blue,
h3.blue,
h4.blue,
p1.blue,
p2.blue,
p3.blue {
  color:rgba(var(--secondary-blue),1);
}

h1.black,
h2.black,
h3.black,
h4.black,
p1.black,
p2.black,
p3.black {
  color:rgba(var(--primary-black),1);
}

/* End of Copy */

/* Start of Buttons */
.tertiary-button {
    font-family: Inter-Light;
  color: rgba(var(--secondary-blue),1);
  font-weight: 500;
  font-size: 22px;
  margin: 0;
  text-decoration:none;
}
/* End of Buttons */


/* Start of Breakpoints */
@media screen and (max-width: 767px) {
  h1 {
    font-size: 60px;
  }

h3 {
  font-size: 50px;
}
}

@media screen and (max-width: 500px) {
  h1 {
    font-size: 50px;
  }
}
/* End of Breakpoints */