:root {
   --clr-stone300:#d6d3d1;
  --clr-slate800:#0F172A;
  --clr-ntrl400:#A3A3A3;
  --clr-stn300:#413b38;
  --clr-org:#f97316;
  --clr-amb:#f59e0b;
  --clr-dtrq:#00ced1;
  --clr-trq:#40e0d0;
  --clr-rd800: #991b1b;
  --clr-drkrse: #4c0519;
  --clr-lrs: #fb7185;
  --clr-fsa: #c026d3;
  --clr-rse: #e11d48;
  --clr-drk: #030712;
  --clr-lgt: #e5e7eb;
  --clr-dre: #e11d48;
  --clr-ind: #354496; 
  --clr-purp: #4a044e;
  --clr-ylw: #f4f802;
 --clr-grry:  #5e5e5e;
--size-xxs: 0.5rem;
--size-xs:  0.75rem;
--size-sm:   0.95rem; 
--size-base: 1rem;
--size-lg: 1.125rem;
--size-xl: 1.25rem;
--size-2xl: 1.5rem;
--size-3xl: 1.875rem;
--size-4xl: 2.25rem;
--size-5xl: 3rem;
--size-6xl: 3.75rem;
--size-7xl: 4.5rem;
--size-8xl: 5rem;
--size-9xl: 6rem;
--size-10xl: 7rem;
--size-11xl: 8rem;
--size-12xl:9rem;
--size-12xl:10rem;
--size-xxl:11rem;
--size-2xxl:12rem;

  
}

/* xs */
/* @media (min-width: 475px) {} */

/* sm */
/* @media (min-width: 640px) {} */

/* md */
/* @media (min-width: 768px) {} */

/* lg */
/* @media (min-width: 1024px) {} */

/* xl */
/* @media (min-width: 1280px) {} */

/* 2xl */
/* @media (min-width: 1536px) {} */


body {
    width: 100%;
    margin-inline: auto;
    background: linear-gradient(to right, #ffffff, #646060);
      font-family: 'Clash Display', sans-serif;;
      font-weight: 400;
      font-style: normal;
    }
    
  
  strong {
    color: var(--clr-ind);
  }

  /* h2 {
    margin-bottom: 1em;
  } */


  


.parallax {
width: 100%;
height: 175vh;
background: url("./images/Redwods__Clouds.jpg");
background-size: cover;
position: relative;

}




.headline {
  font-family: 'Bevellier', sans-serif;
  font-family: 'Cabinet Grotesk', sans-serif;
  font-family: 'Panchang', sans-serif;
  padding-top: 1em;
    font-size: var(--size-10xl);
    color: rgb(138, 130, 130);
    position: fixed;
    top: 5vw;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}

.mask {
   mask:url("./images/Redwods__Clouds__Mask.png");
   mask-size: cover;
   -webkit-mask:url("./images/Redwods__Clouds__Mask.png");
   -webkit-mask-size:cover;
   width: 100%;
   height: 100%;
}





@media (max-width: 1280px) {
  .headline{
    font-size: var(--size-9xl);
}

.parallax {

  height: 160vh;
  
  }
  }
  

@media (max-width: 1024px){
  .headline{
    font-size: var(--size-7xl);
    padding-top: 1em;
  }
  .parallax {

    height: 145vh;
    
    }
  
}
@media (max-width: 768px) {
  .headline{
    font-size: var(--size-6xl);
    padding-top: 1em;
}
.parallax {

  height: 130vh;
  
  }
}

@media (max-width: 640px) {
  .headline{
    font-size: var(--size-5xl);
    padding-top: 0em;
}
.parallax {

  height: 100vh;
  
  }
}
@media (max-width: 475px) {
  .headline{
    font-size: var(--size-4xl);
  
    
    padding-top: 0em;
}
.parallax {

  height: 90vh;
  
  }
}
@media (max-width: 355px){
  .headline{
    font-size: var(--size-3xl);
  
    

}
 
}