/* P C D T R *

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 12px 0 0 0;
    padding: 0;
}

/* 
div#top-left {
background:url(../reviewer/reviewer-bg-topleft.png) top left no-repeat;
background-attachment: fixed;
margin:0;
padding:0;
}

div#top-right {
background:url(../reviewer/reviewer-bg-topright.png) top right no-repeat;
background-attachment: fixed;
margin:0;
padding:0;
}

div#bottom-left {
background:url(../reviewer/reviewer-bg-bottomleft.png) bottom left no-repeat;
background-attachment: fixed;
margin:0;
padding:0;
}

div#bottom-right {
background:url(../reviewer/reviewer-bg-bottomright.png) bottom right no-repeat;
background-attachment: fixed;
margin:0;
padding:0;
} */
 header {
      /* width: 100%; */
      background-color: aliceblue;
      padding: 0.3rem 0 0.3rem 1rem;

      border: 1px solid navy;
      border-radius: 6px 6px 0 0;
    }

    main {
      background-color: white;
      padding: 1rem;
      border-radius: 0 0 6px 6px;
      margin-bottom: 1rem;
    }

    h2 {
      color: navy;
      margin: 0;
      padding: 0;
      font-size: 1.0em;
    }

    body {
      font-family: Arial, sans-serif;
      line-height: 1.4;
      margin: 0;
      padding: 0.2em 1.5em;
      background-color: #f4f4f4;
    }

    main p {
      margin: 0.3em 0 0.8em 0;
      padding: 0;
    }

    .photo {
      width: 100%;
      /* Adjust the width as needed */
      max-width: 350px;
      /* Maximum width for computers */
    }

    /* Styles for iPads */
    @media (max-width: 924px) {
      .photo {
        max-width: 250px;
        /* Maximum width for iPads */
      }
    }

    /* Styles for iPhones and smaller devices */
    @media (max-width: 767px) {
      .photo {
        max-width: 200px;
        /* Maximum width for iPhones and smaller devices */
      }
    }

   div#header {
            margin: 10px 0 0 33px;
        }

        body {
            margin: 0 0 0 0;
        }




div#info {
    width:  850px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}



div.sssHead {
   padding: 0.5em} ;




div#info #picture {
    width: 338px;
    /* height: 400px; */
    /* float: left; */
}

div#info #picture img {
    padding: 19px 0 0 57px;
    padding: 1px solid #333;
}

div#info #bio {
    width: 345px;
    padding: 0;
    /* margin: 0 0 0 350px; */
}

/* div#info #bio div.bio-top {
    background: url(../reviewer/reviewer-bio-top.png) center no-repeat;
    width: 350px;
    height: 40px;
    margin: 0;
    padding: 0;
} */

div.bio-top {
    padding: 0;
    margin: 0
} 

div#info #bio div.bio-middle {
    background: url(../reviewer/reviewer-bio-middle.png) center repeat-y;
    width: 350px;
    margin: 10px;
    padding: 0;
} 
 
div#info #bio div.bio-middle p.name {
    font: 18px "Handwriting - Dakota", Handwriting, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 10px 20px 0 20px;
}

div#info #bio div.bio-middle p.bio {
    font: 15px "Handwriting - Dakota", Handwriting, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 10px 20px 20px 20px;
}

div#info #bio div.bio-bottom {
    background: url(../reviewer/reviewer-bio-bottom.png) center no-repeat;
    width: 350px;
    height: 24px;
    margin: 0;
    padding: 0;
}

div#history {
    width: 800px;
    padding: 0;
    margin: 0 auto;
    font: Arial, Helvetica, sans-serif;
}


div#history div.history-middle {
    background: url(../reviewer/reviewer-history-middle.png) center repeat-y;
    width: 800px;
    margin: 0;
    padding: 0;
}

div#history div.history-middle p {
    font: 14px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 30px 0 30px;
}

div#history div.history-middle p table {
    font: 14px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 30px 0 30px;
}





div#history div.history-bottom {
    background: url(../reviewer/reviewer-history-bottom.png) top no-repeat;
    width: 576px;
    height: 26px;
    margin: 0;
    padding: 0 0 40px 0;
}

#info {
  display: flex;
  flex-wrap: wrap;
  justify-self: start;
}

#wrapbio {
  max-width: 950px ;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-around;
  background-color: white;
  margin: 0 auto;
}