/* Responsive Tablet & Mobile Code */
  @media screen and (max-width: 1000px) {
    .imgsingle {width: 40%;}
  }

  @media screen and (max-width: 800px) {
    .imgsingle {width: 100%;}
    .headingsingle {text-align: center;}
    .paragraphsingle {text-align: center;}
  }

  .bioprofile {
    padding: 10px;
    display: grid;
    grid-template-columns: 30% 65%;
    gap: 20px;
    margin: 20px
  }

  .imgsingle {
    width: 100%;
    height: auto;
  }

  .biodetails {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 20px;
    color: white;
  }