.posttop {
  margin: 0 0 5px;
  width: 100%;
  height: 390px;
  box-sizing: border-box;
  border: 3px solid var(--likewhite);
  padding: 7px;
}

.posttop .top-unav {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 1;
  width: 65px;
  height: 100%;
}

.posttop .top-unav .pnav, .posttop .top-unav a.pnav {
  margin: 0 0 3px;
  width: 100%;
  height: 19.28%;
  box-sizing: border-box;
  border: 3px solid var(--likewhite);
  padding: 13px 0px;
  background: var(--darkgrey);
  text-align: center;
  color: var(--likewhite);
  font-size: 2.5em;
  display: block;
}

.posttop .top-unav .pnav:hover, .posttop .top-unav a.pnav:hover {
  background: var(--orange);
}

.posttop .top-avatar {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 2;
  margin: 0px 0px 0px 10px;
  width: 320px;
  height: 360px;
  box-sizing: border-box;
	overflow: hidden;
}

.posttop .top-facts {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 3;
  margin: 0px 0px 0px 10px;
  width: 634px;
  height: 360px;
  box-sizing: border-box;
  padding: 7px;
  text-align: center;
}

.posttop .top-facts .name, .posttop .top-facts a.name {
  margin: 5px 0px 17px;
  width: 100%;
  font-family: 'Arial Narrow';
  font-size: 3.6em;
	line-height: 97%;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0px var(--middlegrey);
	transition: all 1s ease;
}

.posttop .top-facts .name:hover, .posttop .top-facts a.name:hover {
	letter-spacing: .1em;
	transition: all 1s ease;
}

.posttop .top-facts .title {
  margin: 10px 0px 0px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 8px;
  background: var(--darkgrey);
  font-family: 'Arial Narrow';
  font-size: .9em;
  color: var(--likewhite);
  font-weight: bold;
	letter-spacing: .1em;
}

.posttop .top-facts .fact {
  margin: 0px 5px 5px 0px;
  width: 307px;
  height: 37px;
  box-sizing: border-box;
  background: var(--likewhite);
  text-align: left;
  font-size: .8em;
  text-transform: uppercase;
  display: inline-block;
}

.posttop .top-facts .fact:nth-of-type(even){
  margin-right: 0px!important;
}

.posttop .top-facts .fact .fa-solid {
  width: 37px;
  height: 100%;
  box-sizing: border-box;
  border-right: 3px solid var(--lightgrey);
  padding: 10px 0px 0px;
  text-align: center;
  font-size: 1.4em;
  display: inline-block;
}
.posttop .top-facts .fact span {
  margin: 0px 0px 0px 3px;
  font-size: .9em;
  display: inline-block;
}
.posttop .top-short {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 4;
  margin: 0px 0px 0px 10px;
  width: 330px;
  height: 360px;
  box-sizing: border-box;
  padding: 7px;
  background: var(--likewhite);
  text-align: justify;
  overflow: auto;
}