@media (min-width: 360px), (max-width: 769px){
.descriptionAbout
{
  margin-bottom: 1rem;
}
.Aboutme p{
    
    color: rgb(75, 75, 75);
    font-size: 1rem;
   
    text-align: inherit;
} 
.AboutMe-hrefToContact
{
  color: var(--span-color);
  text-decoration: none;
  transition: .2s;
}
.AboutMe-hrefToContact:hover
{
  color: var(--span-color);
  text-shadow:
  0 0 5px rgba(10, 170, 219, 0.5);
}
.aboutMe-myOffer_ul
{
  color: rgb(75, 75, 75);
  font-size: 1rem;
 
  text-align: inherit;
}
.AboutMe_hrefToContact
    {
      color: var(--span-color);
      text-decoration: none;
      transition: .2s;
    }
    .AboutMe_hrefToContact:hover
    {
      color: var(--span-color);
      text-shadow:
      0 0 5px rgba(10, 170, 219, 0.5);
    }
.Aboutme h2
{
  color: rgb(255, 255, 255);
  margin-top: 6%;
  font-size: 40px;
text-align: inherit;
width: 75%;
margin-left: 50%;
transform: translate(-50%);
}
.Aboutme h2:before
{
  content: '';
  position: absolute;
  left: -1.1rem;
  width: 190px;
height: 106%;
  /* background: rgb(175, 175, 175); */

  background: #757F9A;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #D7DDE8, #757F9A);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #D7DDE8, #757F9A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  transform: skew(15deg);
z-index: -1;

}
.Aboutme h2:After
{
  content: '';
  position: absolute;
height: 106%;
  /* background: var(--main-color); */

  background: #757F9A;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #c6d3e2, #52596b);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #bec9d8, #454b5c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  transform: skew(15deg);
z-index: -2;
width: 215px;
left: -1.9rem;
}
.Aboutme p span
{
  color: var(--span-color);
  font-size: 1.2rem;
  font-weight: bold;
}
.about-left
  {
    /* display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    align-content: center;
    height: 100%;
    width: 340px; */
  }
  .about-text
  {
   
  width: 75vw;
  font-weight: bold;
  }
  .About-img
  {
    display: none;
 
  }
 
  .About-container
  {
    background-color: #fff;
   
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: .6vh;
    padding: 5rem 10rem 5rem 10rem;
  }
}
@media (min-width: 769px)
{


  .About-container
  {
    background-color: #fff;
    min-height: 90vh;
    width: 100%;
    /* position: relative; */
    /* display: flex; */
   
 
    margin-top: .6vh;
    padding: 5rem 10rem 5rem 10rem;
  }

  .about-left
  {
     /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* justify-items: center; */
    /* align-content: center;  */
    /* height: 100%; */
    /* width: 440px; */
    /* width: 480px;
    height: 480px;
    position: relative;
    overflow: hidden; */
  }
  .about-text
  {
    margin-top: 10vh;
  width: 60vw;
  font-weight: 900;
  }
  .About-img
  {
    float: left;
    display: block;
    /* border: solid 3px gray; */
    width: 400px;
    height: 400px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    shape-outside: ellipse(400px 400px at 10% 20%);
   margin: 1px;
  }
  .About-img img 
  {
    position: relative;
  
    width: 440px;
    height: 440px;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    shape-outside: circle(50%);
  }
  .Aboutme h2
    {
        font-size: 70px;
    }
    .Aboutme h2:before
    {
       width: 360px;
       left: -37px;
    }
    .Aboutme h2:after
    {
      left: -52px;
      width: 390px;
    }
    .Aboutme p
    {
        font-size: 1.4em;
    margin-top: 5vh;
    margin-bottom: 4vh;
    }
    
    .aboutMe-myOffer_ul
    {
      color: rgb(75, 75, 75);
      text-align: justify;
      font-size: 1.4em;
    }
    .AboutMe_hrefToContact
    {
      color: var(--span-color);
      text-decoration: none;
      transition: .2s;
    }
    .AboutMe_hrefToContact:hover
    {
      color: var(--span-color);
      text-shadow:
      0 0 5px rgba(10, 170, 219, 0.5);
    }
    .Aboutme p span
    {
        font-size: 30px;
    }
}

@media (max-width: 830px) and (orientation:landscape)
{
  .Aboutme h2:before
  {
 
     left: -17px;
  }
  .Aboutme h2:after
  {
    left: -30px;

  }
}
@media (min-width: 769px) and (max-width: 1024px)
{
  .aboutMe-myOffer_ul
{

  font-size: 1.3rem;
 
  text-align: inherit;
}
  .Aboutme p
  {
      font-size: 1.3em;
  margin-top: 16vh;
 
  }
}