.top-section {
  min-height: 70vh;
  /* background-image: url("../assets/images/home/banner-2200.jpg"); */
  /* background-size: cover; */
  background-position: 50% 0%;
  /* color: white; */
}
.masterpieces-word {
  font-size: 4.25rem;
}

.my-picture {
  width: 400px;
  height: 380px;
  overflow: hidden;
  border-radius: 10px;
}
.my-picture img {
  width: 100%;
}
.middle-content-width {
  min-width: 60vw;
}
.content-img {
  width: 550px;
  height: 367px;
  border-radius: 8px;
  overflow: hidden;
  /* position: relative; */
}
.content-img img {
  border-radius: 8px;
  width: 100%;
  box-shadow: 0 8px 12px 0 rgb(0 0 0 / 20%);
  height: auto;
}
.recent-work-big-img {
  background-image: url("../assets/images/home/recent/Big-picture-1200.jpg");
  background-size: cover;
  height: 431px;
  border-radius: 8px;
}
.recent-work-small-img img {
  max-height: 206.66px;
}
#contact-form .form-control {
  background-color: #f5f5f5;
}
#contact-form label {
  color: #fff;
}
@media (max-width: 1260px) {
  .recent-work-big-img {
    /* height: 339px; */
    height: 34vw;
  }
}
@media (max-width: 1200px) {
  .masterpieces-word {
    font-size: calc(2.425rem + 2.1vw);
  }
}
@media (max-width: 991px) {
  .my-picture {
    width: 300px;
    height: 230px;
    overflow: hidden;
    border-radius: 10px;
  }
  .middle-content-width {
    min-width: 80vw;
  }
  .my-picture {
    margin-left: auto;
    margin-right: auto;
  }
  .recent-work-big-img {
    height: 450px;
  }
  .recent-work-small-img img {
    max-height: 206.66px;
  }
}
@media (max-width: 575px) {
  .middle-content-width {
    min-width: 90vw;
  }
  .my-picture {
    width: 200px;
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
  }
  .recent-work-big-img {
    height: 250px;
  }
  .masterpieces-word {
    font-size: calc(0.425rem + 2.1vw + 1.82rem);
  }
}