#horizontal .contents{
    height: 100vh;
    width: 100%;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

#horizontal {
    display: flex;
    overflow-x: hidden;
}

.casestudy-lrg {
    width: 80%;
    max-height: 1080px;
    max-width: 1920px;
    /* height: 1100px; */
    aspect-ratio: 16/9;
    /* background-color: lawngreen; */
    margin-top: 10px;
}


.casestudy-lrg img{
    width: 100%;
    max-height: 1100px;
    object-fit: cover;
}


.case-study-start { 
    width: 60vw !important; 
}

.cs-bg {
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: -5;

    background-image: url("/Images/Spray2.png");
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

h1 mark {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 0.8px !important;
}

.cs-cta-head {
  text-align: left;
  font-size: 130px;
  letter-spacing: -.50rem;
  line-height: 108px;
  margin-top: 7.7rem;
  margin-bottom: 7.5rem;
  word-wrap: break-word !important;
  word-break: normal;
  /* overflow-wrap: normal; */
  white-space: normal;
}

.cs-cta-wrapper {
    align-content: center;
    display: grid;
    margin-top: 40px;
    margin-bottom: 40px;

    border-left: solid 1px black;
    padding-left: 60px;
}

#myPreviewVideo {
    padding-left: 3.5%;
    padding-right: 3.5%;
}

/* For Mobile ____________________________________________________________________*/
@media screen and (max-width: 540px) {

.case-study-start {
    width: 100dvw !important; 
}

#horizontal .hold .row{
padding: 0px;
}

.casestudy-lrg {
    width: 100%;
    max-height: 1080px;
    /* height: 1100px; */
    aspect-ratio: 16/9;
    /* background-color: lawngreen; */
}

.casestudy-lrg img{
    width: 100%;
    max-height: 1100px;
    object-fit: cover;
}

.cs-cta-head {
    font-size: 70px;
    letter-spacing: -.27rem;
    line-height: 60px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.cs-cta-wrapper {
    padding-left: 30px;
}


#horizontal .case-study-start{
    /* height: 90vh; */
}

}