.img-avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.img-gallery {
  width: 420px;
  height: auto;
  border-radius: 2%;
  /*border: 5px solid #555;*/
}

.img-gallery-small {
  width: 280px;
  height: auto;
  border-radius: 2%;
  /*border: 5px solid #555;*/
}

.img-logo {
  width: 200px;
  height: auto;
}

.img-logo-xs {
  width: 100px;
  height: auto;
}

.img-logo-xxs {
  width: 48px;
  height: auto;
}

.img-screenshot {
  width: 150px;
  height: auto;
}

p.italic {
  font-style: italic;
  color: #595959;
}

p.smaller {
  font-size: 0.55em;
}

p.justified {
  text-align: justify;
}

h4.custom {
  color: #595959;
}

h5.custom {
  font-size: 0.65em;
  color: #595959;
  text-transform: none;
}

.container {
  display: grid;
  grid-template-columns: auto auto auto;
  /*background-color: dodgerblue;*/
  padding: 10px;
}

.container div {
  /*background-color: #f1f1f1;*/
  border: none;
  padding: 10px;
  /*font-size: 30px;*/
  /*text-align: center;*/
}