.profile_all{
    padding: 0 8%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 50px;
}
.profile{
    display: flex;
    justify-content: center;
    align-items: center;
}
.profile img{
    width: 100%;
}

.profile_text p{
    margin-top: 10px;
}
.profile_text h1{
    /* color:  #06438E; */
    text-transform: uppercase; 
}
.profile_text h2{
    margin-top: 15px;
    color:  #06438E;
    /* width: 100%; */
}
.profile_text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.profile_alls{
    padding: 0 8%;
    margin-top: 50px;
}

.esq{
  padding:  5%;
  margin:0 8%;
margin-block: 50px;
  background-color: #fff;
}

.esq h1{
margin-top: 20px;
  text-transform: uppercase;
  color: #06438E;
}
.esq p{
  padding-top: 15px;
}
.profile_image{
  background-image: url(../images/portrait.jpg);
  background-position: center;
  background-size: cover;
  height: 250px;
  width: 250px;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.gallery_all {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    padding: 0 8%;
    gap: 30px;

  }
  
  .gallery {
    width: 100%;
    height: 300px;
    margin-top: 30px;


  }
  
  .gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .gallery_title p{
    color: #666;
  }

  .volunteer_alls{
    padding: 0 8%;
    margin-block: 50px;
  }

  @media only screen and (max-width: 1110px) {
    .gallery_all{
      display: grid;
      grid-template-columns: 1fr 1fr  !important;
    }
    .profile_all{
      display: flex;
      flex-direction: column;
    }
    .profile_alls{
      display: flex;
      flex-direction: column-reverse;
    }
  }

  @media only screen and (max-width: 510px) {
    .gallery_all{
      display: grid;
      grid-template-columns: 1fr   !important;
    }
  }