p {
	font-family: "Gotham", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: rgb(106, 108, 111);
}
    
    .hero {
      text-align: center;
      display: flex;
       flex-direction: column;
       align-items: center;
       
    }
    
    .hero-text {
      width: 85%;
       color: white;
    }
@media screen and (min-width: 992px) {
	.hero-text {
      width: 50%;
    }
}
    .hero-img-box {
      width: 100%;
      min-height: 300px;
      background-size: cover;
      background-position: center;
      margin-bottom: -25px;
    }
    
    .hero-text h1 {
      font-size: 2.5rem;
      margin-bottom: 10px;
      background-color: #ff6347;
      padding: 10px 20px;
      font-size: 2rem;
    }
    
    .intro-text {
      text-align: center;
		padding: 30px 15px;
      color: #333;
    }
@media screen and (min-width: 992px) {
	.intro-text {
      padding: 30px 15%;
    }
}
    
    .case-study {
      display: flex;
      margin-bottom: 30px;
    }
    
    .case-study-image {
      flex: 1;
      background-color: #f0f0f0;
    }
    
    .case-study-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    .case-study-content {
      flex: 1;
      padding: 40px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
/* 	  align-items: center; */
    }
    
    .case-study-content.orange {
      background-color: #ff6347;
      color: white;
    }
    
    .case-study-content.teal {
      background-color: #4ecdc4;
      color: white;
    }
    
    .case-study-content h3 {
      font-size: 1.8rem;
      margin-bottom: 20px;
    }
    
    .case-study-content p {
      margin-bottom: 20px;
    }
    
    .view-project {
      display: inline-block;
      margin-top: 10px;
      color: inherit;
      text-decoration: underline;
		color: rgb(106, 108, 111);
    }
    
    .yellow {
      background-color: rgb(251, 176, 64);
    }
    .blue {
      background-color: rgb(147, 212, 208);
    }
    .coral {
      background-color: rgb(230, 96, 84);
    }
    .txt-coral{
      color: rgb(230, 96, 84);
    }
    .txt-white {
      color: white;
    }

.coral p, .coral a {
	color: white;
}
    
    .quote {
      width: 50px;
      margin-left: -50px;
      z-index: 20;
      position: relative;
    }