.personal-img {
    /* height:  15vh; */
    /* top: 23%;
    left: 3%; */
    border-radius: 100%;
    border: 9px solid white;
    box-shadow: 0px 0px 5px 0px #b1b1b1;
    position: absolute;
    height:  70%;
    border: 4px solid white;
    top: 30px;
    left: 30px;

}

.personal-img-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}
.personal-img-wrapper{
  height: 150px;
  position: relative;
}
.peronal-card {
    padding: 0;
    border-radius: 64px;
    overflow: hidden;
    position: relative;
    /* margin: 40px 0; */
     background: white;
    box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.07);
    transition: box-shadow 1s;
}
.peronal-card:hover {
    box-shadow: 0 0 14px 2px rgba(88, 88, 88, 0.44);
}



.personal-text-wrapper{
  margin: 5% 5%;
}

.social-button-wrapper{
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}
.social-button-wrapper li {
  font-size: 2.5em;
  float: left;
  margin-right: 20px;
}

/* // Small devices (landscape phones, 576px and down) */

@media (max-width: 576px) {
  .personal-img{
    height:  60%;
  }
  .peronal-card h4{
    padding-bottom: 20px;
  }
  .peronal-card {
       border-radius: 40px;
    }
}
/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
  .personal-img-wrapper{
    height: 200px;
    position: relative;
  }


/* // Large devices (desktops, 992px and up) */
/* @media (min-width: 1200px) {
  .personal-img-wrapper{
    height: 18vh;
    position: relative;
  }

 } */

/* // Extra large devices (large desktops, 1200px and up) */