#Top-Title {
  padding: 7px 5px 1px 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: aqua;
  border-radius: 10px;
}

@media screen and (max-width: 575px) {
  #MyPhoto {
    margin-top: 5px;
    border-radius: 12%;
    width: 58%;
  }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
  #MyPhoto {
    margin-top: 5px;
    border-radius: 12%;
    width: 58%;
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
  #MyPhoto {
    margin-top: 12px;
    margin-left: 12px;
    border-radius: 15%;
    width: 88%;
  }
}

@media screen and (max-width: 2000px) and (min-width: 1200px) {
  #MyPhoto {
    margin-top: 12px;
    margin-left: 12px;
    border-radius: 15%;
    width: 75%;
  }
}

@media screen and (max-width: 575px) {
  .AboutText {
    font-family: "Times New Roman", Times, serif;
    margin-left: 7px;
    margin-top: 13px;
  }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
  .AboutText {
    font-family: "Times New Roman", Times, serif;
    margin-left: 7px;
    margin-top: 13px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .AboutText {
    font-family: "Times New Roman", Times, serif;
    margin-left: 7px;
    margin-top: 12px;
  }
}

@media screen and (max-width: 2000px) and (min-width: 992px) {
  .AboutText {
    font-family: "Times New Roman", Times, serif;
    margin-left: 9px;
    margin-top: 15px;
  }
}

@media screen and (max-width: 575px) {
  .AboutLine {
    border-right-style: solid;
    margin: -8px 7px 18px 6px;
    border-color: rgb(128, 128, 128);
  }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
  .AboutLine {
    border-right-style: solid;
    margin: -6px 7px 18px 6px;
    border-color: rgb(128, 128, 128);
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .AboutLine {
    border-right-style: solid;
    margin: -5px 7px 16px 6px;
    border-color: rgb(128, 128, 128);
  }
}

@media screen and (max-width: 2000px) and (min-width: 992px) {
  .AboutLine {
    border-right-style: solid;
    margin: -4px 8px 16px 7px;
    border-color: rgb(128, 128, 128);
  }
}

@media screen and (max-width: 575px) {
  .Slogan {
    margin-top: -5px;
    font-size: 15px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

@media screen and (max-width: 991px) and (min-width: 576px) {
  .Slogan {
    margin-top: -5px;
    font-size: 18px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

@media screen and (max-width: 2000px) and (min-width: 992px) {
  .Slogan {
    margin-top: -5px;
    font-size: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

@media screen and (max-width: 575px) {
  .AboutContent {
    margin-top: -5px;
    font-size: 19px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

@media screen and (max-width: 991px) and (min-width: 576px) {
  .AboutContent {
    margin-top: -5px;
    font-size: 21px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

@media screen and (max-width: 2000px) and (min-width: 992px) {
  .AboutContent {
    margin-top: -5px;
    font-size: 23px;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}

@media screen and (max-width: 575px) {
  .LinkIcon {
    margin-top: 10px;
    width: 35px;
    margin-left: 5%;
  }
}

@media screen and (max-width: 991px) and (min-width: 576px) {
  .LinkIcon {
    margin-top: 10px;
    width: 39px;
    margin-left: 5%;
  }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .LinkIcon {
    margin-top: 10px;
    width: 43px;
    margin-left: 5%;
  }
}

@media screen and (max-width: 2000px) and (min-width: 1200px) {
  .LinkIcon {
    margin-top: 10px;
    width: 47px;
    margin-left: 5%;
  }
}

@media screen and (max-width: 575px) {
  .LinkIcon2 {
    margin-top: 10px;
    width: 37px;
    margin-left: 5%;
  }
}

@media screen and (max-width: 991px) and (min-width: 576px) {
  .LinkIcon2 {
    margin-top: 10px;
    width: 41px;
    margin-left: 5%;
  }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .LinkIcon2 {
    margin-top: 10px;
    width: 45px;
    margin-left: 5%;
  }
}

@media screen and (max-width: 2000px) and (min-width: 1200px) {
  .LinkIcon2 {
    margin-top: 10px;
    width: 49px;
    margin-left: 5%;
  }
}
