.project-title-box {
    padding-top: 0;
    /* padding: 0 12rem; */
    align-items: center;
    max-width: 1500px;
}

/* .intro {
height: 100vh;
} */

.project-content-box {
    flex: 1;
    margin-right: 5rem;
}

.two-column-flex-step {
    display: flex;
    align-items: baseline;
    /* padding-bottom: .5rem; */
}


.step-title {
    width: 25%;
    margin-right: 1.5rem;
}

.step-title h2 {
    max-width: 250px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.title-and-subtitle h3 {
margin-top: 1rem;
}

.step-information {
    width: 75%;
    padding-bottom: 1rem;
}

.step-information p, img {
    padding-bottom: 1rem;
}

.four-column-flex {
    display: flex;
    width: 60%;
    padding-bottom: 5rem;
}

.video-size {
    width: 100%;
    max-width: 1500px;
    height: 100vh;
    object-fit: cover;
}

.image-size {
    width: 100%;
    height: auto;
    max-width: 800px;
    padding-top: 0.25rem;
}

.image-size-w-border {
    width: 100%;
    height: auto;
    max-width: 800px;
    padding-top: 0.25rem;
    border-style: solid;
    border-color: #cecece;
    border-width: 1px;
    border-radius: 12px;
    /* object-fit: fill; */
}

.individual-image {
    display: inline-flex;
}

.two-image-size-fill {
    width: 45%;
    max-width: 800px;
    padding-right: 2rem;
}

.two-image-size {
    width: 28%;
    max-width: 800px;
    padding-right: 2rem;
}

.relative {
    position: relative;
}

.process-block {
border-style: dashed;
 padding: 1.5rem 1.5rem 2rem;
 border-color: #cecece;
 border-width: 1px;
 background-color: #f7f7f7;
border-radius: 12px;
margin-bottom: 1rem;
}

.process-block h4 {
margin: 0;
margin-bottom: 4px;
}

.process-block h3 {
    margin-top: 4px;
    margin-bottom: 12px;
}

.process-block p {
    margin: 0;
    padding-bottom: 0;
}

@media only screen and (min-width: 2000px) {
    body {
      max-width: 2000px;
      margin: auto;
    }
  }

/* SMALL LAPTOP */
@media only screen and (max-width: 1000px) {
    h1 {
        font-size: 2rem;
    }
    .project-title-box {
        padding-left: 2rem;
        padding-right: 2rem;}
    .two-column-flex-step {
        flex-direction: column;
    }
    .step-title h2 {
        margin-bottom: 0;
     }
     .step-title {
        width: 100%;
    }
    .step-information {
        width: 100%;
    }
    .four-column-flex {
        width: 75%;}
    .video-size {
    border-radius: 0;
      }
  }

  /* TABLET */
  @media only screen and (max-width: 725px) {
    .project-content-box {
        margin-right: 1rem;
    }
    .project-title-box {
        padding-left: .5rem;
        padding-right: .5rem;}
     .four-column-flex {
        width: 75%;}
  }

/* MOBILE */
@media only screen and (max-width: 530px) {
    .landing-box {
        padding-left: .5rem;}
    .intro {
        height: auto;
    }
    h4 {
        margin: 0;
        margin-bottom: 4px;
    }
    h5 {
        margin: 0;
        margin-bottom: 12px;
    }
    .title-and-subtitle h3 {
        margin-top: 8px;
      }
    .project-title-box {
        padding-left: .5rem;
        padding-right: .5rem;}
     .two-image-size {
          width: 44%;
          max-width: 150px;
        }
        .four-column-flex {
        width: 100%;
        }
    .hero {
        height: 30vh;
     }
  }