.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;
}
@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;
  }
}


/* img  of the tea section */
.aboutas{
    background-color:#ececec;
   }
   .shopg{
    text-align: center;
    font-size: 2.7rem;
    padding-top:50px;

   }
   .tea{
    display:flex;
    padding-left:100px;
    padding-right: 100px;
    padding-top:50px;
    padding-bottom: 70px;
    background-color:#ececec;
  }
  .teatxt{
    padding-right:100px;
  
  }
  .teah1{
    font-size:2rem;
    margin-left:50px;
    margin-top:70px;
  }
  .teap{
    margin-left:50px;
    opacity: 0.8;
    font-size:1.2rem;
    text-align: justify;
  }
  .teaimg img{
    height:710px;
    width:550px;
    object-fit: cover;
    
  }
  .boton1{
    background-color:#ececec;
    border:none;
    border:1px solid black;
    width:200px;
    height:35px;
    padding-left:18px;
    color:black;
    text-decoration: none;
    margin-left:50px;
  
  }
  .boton1 a {
    text-decoration: none;
    color:black;
  }
  .boton1:hover{
    background-color: black;
    
  }
  .boton1 a:hover{
    color:white;
    background-color: black;
    
  }


  /* media for a about us */
@media (max-width: 414px) {
  
    .shopg{
        padding-top:0px;
    }
    .tea {
      display: block;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 30px;
      padding-bottom: 40px;
    }
  
    .teatxt {
      padding-right: 0;
      margin-bottom: 30px; /* Add spacing between text and image */
    }
  
    .teah1 {
      font-size: 1.5rem;
      margin-left: 0;
      margin-top:1px;
    }
  
    .teap {
      font-size: 1rem;
      margin-left: 0;
    }
  
    .teaimg img {
      width: 100%;
      height: auto;
    }
  
    .boton1 {
      width: 100%;
      height: 40px;
      margin-left: 0;
      padding: 0;
    }
  }



  .aimg{

  }
  .aaimg {
    display: flex;
    justify-content: center; /* Center images */
    flex-wrap: wrap; /* Wrap images on smaller screens */
    padding:20px;
    justify-content: space-evenly;
     /* Light background color */
}



.aaimg img {
    width: 100%; /* Set width of images */
    height: auto; /* Maintain aspect ratio */
    border-radius: 8px; /* Optional: Rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Shadow effect */
}