/*** box-properties.css ***/
body, header, section, nav, article, figure, figcaption, footer {
display: block;
}

body.About {
display: block;
max-width: 900px;
height: 100%;
margin: 0 auto 0 auto;
}

header class="Aboutheader" {
height: 80px;
width: 100%;
}

footer {
  text-align: center;
  width: 100%;
}

section.Bionote {
  display: inline-block;
  max-width: 900px;
}

article.Bio {
  display: inline-block;
  float: left;
  clear: both;
  max-width: 380px;
  height: 260px;
}

.floatleft {
  float: left;
  margin: 0 6px 0 6px;
}

figure.Anna img {
  display: inline-block;
  float: left;
  max-width: 206px;
  max-height: 260px;
}

.floatcenter {
  float: left;
  margin: 1em 10px 0 10px;
}

figure.Nuri img {
  display: inline-block;
  float: right;
  
  max-width: 206px;
  max-height: 260px;
}

.floatright {
  float: right;
  margin: 1em 10px 0 10px;
}

section.Pubs {
  display: block;
  border: thick;
  width: 100%;
  max-width: 900px;
  height: 100%;
  margin: 0 auto 0 auto;
}

section.Covers {
  display: inline-block;
  width: 95%;
  max-width: 900px;
}

figure.Udo1 img {
  display: inline-block;
  float: left;
  margin: 0 auto 0 4px;
  max-width: 142px;
  max-height: 268px;
}

figure.Udo2 img {
  display: inline-block;
  float: left;
  margin: 0 auto 0 4px;
  max-width: 142px;
  max-height: 268px;
}

figure.Rdgo1 img {
  display: inline-block;
  float: left;
  margin: 0 auto 0 4px;
  max-width: 142px;
  max-height: 268px;
}

figure.Rdgo2 img {
  display: inline-block;
  float: left;
  margin: 0 auto 0 4px;
  max-width: 142px;
  max-height: 268px;
}

figure.Lusi img {
  display: inline-block;
  float: left;
  margin: 0 auto 0 4px;
  max-width: 142px;
  max-height: 268px;
}