/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .empowhercontact-item {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    width: 40%;
    margin: 0 auto;
    min-width: 750px;
    padding: 20px 0;
 }

 @media screen and (max-width: 992px) {
    .empowhercontact-item {
      width: auto;
      min-width: inherit;
    }
 }

  @media screen and (max-width: 768px) {
    .empowhercontact-infos  {
      text-align: center;
    }
  }

.empowhercontact-img-container {
    background-image: url("https://empow-her.mdw.ovh/wp-content/uploads/2021/01/Highlight-Chair.png");
    background-position: 15px -20px;
    background-repeat: no-repeat;
    background-size: 356px;
    padding: 25px;
 }

 .empowhercontact-img-container img {
  width: 300px !important;
  border-radius: 50% !important;
  height: 300px !important;
  object-fit: cover !important;
 }

 @media screen and (max-width: 768px) {
  .empowhercontact-img-container img {
    width: 280px !important;
    height: 280px !important;
  }
  
  .empowhercontact-img-container {
    padding: 40px;
  }
}

 .empowhercontact-text {
   margin-bottom: 30px;
   color: #fff;
   font-weight: bold;
   font-size: 22px;
 }

 .empowhercontact-button {
   margin-top: 20px;
 }

 .empowhercontact-button a {
   font-weight: bold;
   text-transform: uppercase;
   color: #000;
   background-color: #f1b862;
   border-radius: 50px;
   padding: 15px 30px;
   text-align: center;
 }