.container {
  margin: 0 auto;
  max-width: 800px;
  width: 90%;
}

#avatar {
  float: left;
  margin: 20px;
  margin-top: 20px;
  margin-bottom: 12px;
  width: 230px;
  height: 230px;
  border-radius: 5px;
  object-fit: cover;
}

#organization {
  float: left;
  margin: 10px 20px 7px 20px;
  height: 40px;
}

#company {
  float: left;
  margin: 20px;
  margin-bottom: 15px;
  height: 25px;
}

h2 {
  margin-left: 8pt;
  margin-top: 12pt;
}

h4 {
  margin-left: 8pt;
}

h5 {
  margin-left: 8pt;
}

p {
  margin-left: 8pt;
  margin-right: 8pt;
}

ul,
ol {
  padding-left: 0px;
  margin-left: 32px;
}

.navbar-brand {
    margin-left: 8pt;
}
.nav-link {
  font-weight: 500;
}

.page__footer-copyright {
  text-align: center;
  font-size: 11px;
}

@media (max-width: 640px) {
  #avatar {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 22px;
    margin-bottom: 6px;
    width: 130px;
    height: 130px;
  }

  h2 {
    font-size: 15pt;
  }

  h4 {
    font-size: 12pt;
  }

  h5 {
    font-size: 10pt;
  }

  p,
  ul,
  ol {
    font-size: 10pt;
  }
}