@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Caveat:wght@400..700&family=Dancing+Script:wght@400..700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Baskervville", serif;
}
body{
    background-color: #000;
}
.about-us{
  height: 100vh;
  width: 100%;
  /* padding: 40px 0; */
  background: #000000;
  color: white;
}
.pic{
  height: auto;
  width:  502px;
}
.about{
  width: 1290px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.text{
  font-family: "Dancing Script", cursive;
  width: 540px;
  text-align: center;
}
.text h2{
  
  font-size: 52px;
  font-weight: 400;
  font-family: 'Times New Roman', Times, serif;
  margin-bottom: 52px;

}
.text h5{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
span{
  color: #4070f4;
}
.text p{
  font-family: 'Times New Roman', Times, serif;
  font-size: 24px;
  line-height: 25px;
  letter-spacing: 1px;
}


/* Media Query for Medium Screens */
@media (max-width: 1090px) {
    .about {

      flex-direction: column; /* Align elements side by side */
    }
  
    .text {
      width: 90%; /* Set width to 50% for text on medium screens */
      text-align: center; /* Align text to the left */
    }
  
    .pic {
      max-width: 380px; /* Limit maximum width */
      width: auto; /* Reset width to auto */
    }
  }
  
  /* Media Query for Small Screens */
  @media (max-width: 1000px) {
    .text h2 {
      font-size: 28px; /* Further decrease font size for smaller screens */
    }
  
    .text h5 {
      font-size: 14px; /* Further decrease font size for smaller screens */
    }
  
    .text p {
      font-size: 14px; /* Further decrease font size for smaller screens */
      line-height: 20px; /* Further decrease line height for better readability on smaller screens */
    }
  
  }