body {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 80px;
  margin-right: 80px;
  color: #444;
  font-family: Verdana, sans-serif;
  background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url('../figures/background.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
}

*, *::before, *::after {
  box-sizing: border-box;
}

img, video {
  max-width: 100%;
  height: auto;
}

img {
  border-radius: 5px;
}
p { 
  text-align: justify;
  font-size: 1em;
  line-height: 1.4;
}

p.padding {
  padding-left: 10px;
}

ul { 
  text-align: justify;
  font-size: 1em;
  line-height: 1.4;
}

a:link {
  color:rgb(83,158,196);
  background-color: transparent;
  text-decoration: none;
}

hl {
  color:rgb(83,158,196);
  background-color: transparent;
  text-decoration: none;
}

hl2 {
  color: rgb(83,158,196);
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color: rgb(83,158,196);
  background-color: transparent;
  text-decoration: none;
}

li {
    margin-bottom: 8px;
    font-size: 1em;
    line-height: 1.4;
}

.section {max-width:1024px}

.section,
.section * {
  font-family: Verdana, Arial, sans-serif !important;
}

.view-more {
  margin-top: 10px;
}

.view-more summary {
  display: inline-block;
  margin-left: 40px;
  color: rgb(83,158,196);
  cursor: pointer;
  font-family: Verdana, Arial, sans-serif !important;
  font-weight: 400;
  list-style: none;
}

.view-more summary * {
  font-family: Verdana, Arial, sans-serif !important;
}

.view-more summary::-webkit-details-marker {
  display: none;
}

.view-more summary::after {
  content: " +";
}

.view-more[open] summary::after {
  content: " −";
}

.view-more .news-less-label,
.view-more[open] .news-more-label,
.view-more .view-less-label,
.view-more[open] .view-more-label {
  display: none;
}

.view-more[open] .news-less-label,
.view-more[open] .view-less-label {
  display: inline;
}

.publication-more[open] > summary {
  margin-bottom: 20px;
}

.news-more > .news-list {
  margin-top: 14px;
}

/* Avoid an overly narrow reading column on smaller laptops and tablets. */
@media (min-width: 681px) and (max-width: 900px) {
  body {
    margin-left: 40px;
    margin-right: 40px;
  }
}

/* Keep the established desktop layout, while making narrow screens readable. */
@media (max-width: 680px) {
  html {
    -webkit-text-size-adjust: 100%;
  }

  body {
    margin: 0;
    padding: 28px 18px 48px;
    background-attachment: scroll;
    background-size: cover;
  }

  .section {
    margin: 0 auto 22px;
    max-width: 680px;
  }

  .section:not(.profile) {
    padding: 20px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(83, 158, 196, 0.16);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(48, 53, 59, 0.06);
  }

  .view-more {
    font-size: 0.9375rem;
  }

  .news-more > summary {
    margin-left: 24px;
  }

  .publication-more > summary {
    margin-left: 1px;
  }

  .profile {
    padding: 26px 20px 22px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(83, 158, 196, 0.18);
    border-radius: 22px;
    box-shadow: 0 12px 32px rgba(48, 53, 59, 0.08);
  }

  p, ul, li {
    font-size: 0.9375rem;
    text-align: left !important;
    text-align-last: left;
  }

  p {
    margin: 0 0 1.05rem;
    line-height: 1.4;
  }

  ul {
    margin: 0;
    padding-left: 24px;
  }

  li {
    line-height: 1.4;
  }

  h3 {
    margin: 0 0 16px;
    color: inherit;
    font-size: 1.17em;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    text-transform: none;
  }

  .profile table,
  .profile tbody,
  .profile tr,
  .profile td,
  .section:not(.profile) table,
  .section:not(.profile) table tbody,
  .section:not(.profile) table tr,
  .section:not(.profile) table td {
    display: block;
    width: 100% !important;
  }

  .profile td:first-child p {
    margin: 0 auto 18px;
    text-align: center;
  }

  .profile img {
    width: min(142px, 100%);
    height: 142px;
    object-fit: cover;
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(48, 53, 59, 0.14);
  }

  .profile td:nth-child(2) {
    display: none;
  }

  .profile td:last-child p {
    margin: 0;
    color: inherit;
    font-size: 1em;
    letter-spacing: normal;
  }

  .profile h2 {
    margin: 0 0 6px;
    color: inherit;
    font-size: 1.5em;
    letter-spacing: normal;
    line-height: normal;
  }

  .section:not(.profile) table tr {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .section:not(.profile) table tr:not(:last-child)::after {
    display: block;
    width: 50%;
    margin: 8px auto 36px;
    border-top: 1px solid rgba(83, 158, 196, 0.28);
    content: "";
  }

  .section:not(.profile) table td:first-child p {
    margin: 0 0 16px;
    text-align: center;
  }

  .section:not(.profile) table td:first-child img,
  .section:not(.profile) table td:first-child video {
    display: inline-block;
  }

  .section:not(.profile) table td:last-child p.padding {
    padding-left: 0;
  }

  .section:not(.profile) table td:last-child p:last-child {
    margin-bottom: 0;
  }

  .section:not(.profile) > table img,
  .section:not(.profile) > table video {
    width: min(250px, 100%) !important;
  }
}