/* background: linear-gradient(to bottom right, #964b00 45%, #562b00 100%); */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-family: "Gill Sans Extrabold", sans-serif;
  }
  .head{
      background-color:#573923;
      color:#fdfbd4;
      display: flex;
      justify-content: space-between;
      padding:3px 20px;
  
  }
  .iconhead{
    display: flex;
  }
  .noone{
    display: flex;
  }
  .icons{
      padding:0 12px;
  }
  .icons .fa-brands{
        padding:0 8px;
  
  }
  
  .iconhead i{
      padding-left:10px;
  }



  /* for a header of website*/
  
@media (max-width: 414px) {

    .head {
        flex-direction: column; /* Stack items vertically */
        align-items:start; /* Center align items */
        padding:5px; /* Adjust padding */
    }
  
    .icons {
        padding: 0; /* Remove padding for smaller screens */
        margin-bottom:5px; 
        display: flex;/* Space between icons and contact info */
    }
  
    .icons .fa-brands {
        padding: 0 5px; /* Reduce padding between icons */
        font-size: 15px; /* Slightly increase icon size for better visibility */
    }
  
    .iconhead {
        text-align:start; /* Center align text */
        flex-direction: column;
    }
  
    .iconhead i {
        padding-left: 5px; /* Reduce padding for smaller screens */
        font-size: 11px; /* Adjust font size for better readability */
        
    }
    .noone2{
      padding-left: 10px;
    }
    .fa-envelope{
      display: inline;
    }
  }
  /*end*/
  .contai{
    display: flex;
    background-color: #ececec;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding:50px;
}



.image-side img {
    width:500px;
    height:500px;
    object-fit: cover;
}

.content-side {
    
    padding: 20px;
}


.content-side   h1 {
    font-size:2.4rem;
    margin-bottom: 10px;
}


.content-side p {
    font-size: 1.1em;
    line-height: 1.6;
    opacity:0.8;
}
/* Media Query for a gallery content about us max-width: 414px */
@media (max-width: 414px) {
    .contai {
        flex-direction: column; /* Stack items vertically */
        height: auto; /* Allow height to adjust based on content */
        padding: 20px; /* Reduce padding */
    }

    .image-side img {
        width: 100%; /* Make image responsive */
        height: auto; /* Maintain aspect ratio */
    }

    .content-side {
        padding: 10px; /* Reduce padding */
    }

    .content-side h1 {
        font-size: 1.8rem; /* Adjust font size for smaller screens */
    }

    .content-side p {
        font-size: 1em; /* Adjust font size for smaller screens */
    }
}
.galhp {
    text-align: center; /* Center the heading */
    padding: 50px 0; /* Add vertical spacing */
}

.galhp h2 {
    font-size: 2.5rem; /* Large font size for emphasis */
    color: #4b2e15; /* A rich, earthy color */
    margin-bottom: 10px; /* Space between heading and paragraph */
}

.galhp p {
    font-size: 1.2rem; /* Adjust paragraph font size */
    color: #555; /* Slightly lighter color for contrast */
    max-width: 600px; /* Limit the width of the paragraph */
    margin: 0 auto; /* Center the paragraph */
}
/* Media Query for gallery heading  max-width: 414px */
@media (max-width: 414px) {
    .gallery-heading {
        margin: 20px 0; /* Reduce vertical spacing */
    }

    .gallery-heading h2 {
        font-size: 1.8rem; /* Adjust font size for smaller screens */
    }

    .gallery-heading p {
        font-size: 1rem; /* Adjust paragraph font size for smaller screens */
        max-width: 90%; /* Increase width to better utilize screen space */
    }
}




















  /*gallery*/
  /* gallery*/
  .gal{
    background: linear-gradient(to bottom right, #e08543 45%, #895129 100%);
  }
.album{
    margin-left:110px;
}
.album .responsive-container-block {
    min-height: 75px;
    height: fit-content;
    width: 100%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    justify-content: flex-start;
  }
  
  .album .responsive-container-block.bg {
    max-width: 1320px;
    margin: 0 0 0 0;
    justify-content: space-between;
  }
  
  .album .img {
    width:280px;
    height:250px;
    object-fit: cover;
    margin: 0 0 20px 0;
  }

  .album #i9rb {
    color: black;
  }
  
  .album #ir6i {
    color: black;
  }
  
  .album #ikz3b {
    color: black;
  }
  
  .album .responsive-container-block.img-cont {
    flex-direction: column;
    max-width: 33.3%;
    min-height: auto;
    margin: 0 0 0 0;
    height: 100%;
  }
  
  .album #ipix {
    color: black;
  }
  
  .album #ipzoh {
    color: black;
  }
  
  .album #ig5q8 {
    color: black;
  }
  
  .album #imtzl {
    color: black;
  }
  
  .album #i53es {
    color: black;
  }
  
  .album .img.img-big {
    
    margin: 0 0 16px 0;
  }
  
  @media (max-width: 1024px) {
    .album .img {
      margin: 0 0 18px 0;
    }
  }
  
  @media (max-width: 768px) {
    .album .img {
      max-width: 32.5%;
      margin: 0 0 0 0;
    }
  
    .album .responsive-container-block.bg {
      flex-direction: column;
    }
  
    .album .responsive-container-block.img-cont {
      max-width: 100%;
      flex-direction: row;
      justify-content: space-between;
    }
  
    .album .img.img-big {
      max-width: 49%;
      margin: 0 0 0 0;
    }
  }
  
  @media (max-width: 500px) {
    .album .img {
      max-width: 94%;
      margin: 0 0 25px 0;
    }
  
    .album .responsive-container-block.img-cont {
      flex-direction: column;
      align-items: center;
      padding: 10px 10px 10px 10px;
    }
  
    .album .img.img-big {
      max-width: 94%;
      margin: 0 0 25px 0;
    }
  
    .album .img.img-last {
      margin: 0 0 5px 0;
    }
  }

  /* media for a gallery*/
  @media (max-width: 414px) {
    .album {
        margin-left: 0; /* Center align or remove left margin on smaller screens */
    }
  
    .album .responsive-container-block.bg {
        max-width: 414px; /* Ensure the container does not exceed 414px */
        margin: 0 auto; /* Center the container */
        justify-content: center; /* Center images inside the container */
    }
  
    .album .img {
        width: 100%; /* Images take full width of the container */
        max-width: 280px; /* Limit maximum width to maintain aspect ratio */
        height: auto; /* Keep aspect ratio intact */
    }
  
    .album .responsive-container-block.img-cont {
        max-width: 100%; /* Allow each image container to take up the full width */
        padding: 0; /* Remove any padding */
        margin-bottom: 20px; /* Add space between image containers */
    }
  }