.main-logo {

   width: 100%;
    max-height: 90px;
}



.text-2xl {

   font-size: 16px !important;

   line-height: 21.5px !important;

}

.h-20 {
    height: 7rem;
}

.image-one {

   background-image: url('../images/gallery/1.jpg');

   background-size: cover;

}



.gallery {

   height: 230px;

   width: 268px;



}



.happy-beaver {

   display: block;

   max-width: 375px;

   margin: auto;

   margin-top: 50px;

}



.gallerybox {

   height: 100vh;

}



.gallerybox-h2 {

   margin-top: 100px;

}



@media screen and (max-width: 704px) {

   .gallery {

      height: 100%;

      width: 100%;

      padding: 30px;

   }



   .gallerybox-h2 {

      font-size: 40px !important;

      max-width: 100%;

   }



   .main-logo {

      width: 70%;

   }



   .max-w-7xl {

      max-width: 100% !important;

   }



   .happy-beaver {

      max-width: 290px;

   }

}



@media screen and (min-width: 768px) {

   .gallery-beaver {

      max-width: 50%;

   }

}



.to-treatment {

   background: linear-gradient(90deg, rgb(221 221 221) 0%, rgb(153 215 179) 63%, rgb(196 193 167) 100%) !important;

}



@media (min-width: 1024px) {

   .lg\:grid-cols-3 {

      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

   }

}