:root {
  --base: #e52320; 
  --shadeOne: color-mix(in srgb,var(--base),#000 10%);
  --shadeTwo: color-mix(in srgb,var(--base),#000 17%);
  --shadeThree:color-mix(in srgb,var(--base),#000 27%);
  --shadeFour: color-mix(in srgb,var(--base),#000 37%);
  --shadeFive:color-mix(in srgb,var(--base),#fff 67%);
  --shadeSix:color-mix(in srgb,var(--base),#fff 76%);
  --bodyBg: #e52320;
}
/*styles*/

.research-hero{
  height: 56vh;
  text-align: center;
  margin: 5vh;
  margin-top: 10vh;
  margin-bottom: 0;
  background-image: url(../projects/card-sorting/p-images/hero.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  }
  .intro-text{
    margin-top: 130px !important;
  }
  .slide{
    padding: 60px;
  }
.project-desc h3 a{
  color: #fff;
}