.about_img {
    width: 80vw;
    margin-left: -2rem;

}
.searchbox2 {
 background-color: #02b9b9;
 left: 0;
 position: relative;
 width: 100vw;
 height: 16vw;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 align-items: center;
}


.headimg2 {
 position: absolute;
 bottom: 0;
 object-position: bottom;
 z-index: 0;
 width: 100vw;
}


 .search {
     margin-top: 6vw;
  width: 45vw;
    height: 4.2vw;
  box-sizing: border-box;
  border: none;
  font-size: 2vw;
  background-color: white;
  padding: 0vw 2vw;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
    position: absolute;
          left: 28vw;
     color: black;

}

.base_div {
    margin-top: 5vw;
}

.button {
    font-weight: bold;
         margin-top: 6vw;
  width: 45vw;
  height: 4.2vw;
  text-align: right;
  box-sizing: border-box;
  border: none;
  font-size: 2vw;
  color: white;
  padding: 0vw 1.2vw;
  position: absolute;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    background-color: #02b9b9;
     left: 28vw;

}

input[type=text]:focus {
  width: 40vw;
  outline: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #02b9b9;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #02b9b9;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #02b9b9;
}

.about_h1 {
    font-size: 3rem;
    padding: 0rem 0rem;
}
.about_h3 {
    font-size: 1.5rem;
    padding: 0rem 0rem;
}
.about_p {
    font-size: 1.2rem;
    padding: 0rem 0rem;
}
@media only screen and (max-width: 768px) {
    .about_h1
          .lph1 {
   font-size: 5.5vw;
  }
          .lph2 {
   font-size: 3vw;
  }

    .search, .button {
        width: 55vw;
        margin-left: -5vw;
        margin-top: 8vw;
        height: 5vw;
        font-size: 2.5vw;
    }
input[type=text]:focus {
  width: 50vw;
  outline: none;
}

.about_img {
    width: 90vw;
}
.searchbox2 {
 height: 20vw;
}
.about_h1 {
    font-size: 2.7rem;}
.about_h3 {
    font-size: 1.2rem;
}
.about_p {
    font-size: 1.2rem;
}
}

@media only screen and (max-width: 425px) {
    .searchbox2 {
 height: 25vw;
}

         .search, .button {
        width: 80vw;
         height: 10vw;
         margin-top: 8vw;
        margin-left: -17vw;
             font-size: 5vw;
    }
         input[type=text]:focus {
  width: 70vw;
  outline: none;
}
         .about_h1 {
    font-size: 2rem;}
.about_h3 {
    font-size: 3.5vw;
}
.about_p {
    font-size: 1.2rem;
}
}

.video {
  aspect-ratio: 16 / 9;
  width: 100%;
}