.flex {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: flex-start;
  align-content: left;
}

.header-teaminfo {
	margin: 10px auto;
	width: 100%;
	
}
.header-tab {
  margin: 10px auto;
  width: 100%;
  min-height: 230px;
  box-sizing: border-box;
  border: 3px solid var(--likewhite);
  background: var(--lightgrey);
	font-family: 'Arial'!important;
}

.header-tab .tab-fc {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 1;
  margin: 0px 5px 0px 0px;
  width: 243px;
  height: 230px;
  box-sizing: border-box;
  padding: 7px;
}

.header-tab .tab-user {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 2;
  margin: 0px 5px 0px 0px;
  width: 265px;
  height: 230px;
  box-sizing: border-box;
  padding: 7px;
}

.header-tab .tab-user a.unav,
.header-teaminfo a.tnav, .header-teaminfo .tnav {
  margin: 0px 0px 5px;
  width: 100%;
  height: 32px;
  box-sizing: border-box;
  font-size: .9em;
  font-family: 'Arial';
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  background: var(--likewhite);
  color: var(--dark);
  display: block;
}


.header-tab .tab-user a.unav .fa-duotone,
.header-teaminfo a.tnav .fa-duotone, .header-teaminfo .tnav .fa-duotone {
  margin: 0 5px 0 0;
  width: 40px;
  height: 100%;
  box-sizing: border-box;
  padding: 7px 0px;
  text-align: center;
  border-right: 3px solid var(--lightgrey);
  color: var(--orange);
  font-size: 1.5em;
  display: inline-block;
}

.header-tab .tab-user a.unav:hover,
.header-teaminfo a.tnav:hover {
  background: var(--orange);
  color: var(--likewhite)
}

.header-tab .tab-user a.unav:hover .fa-duotone,
.header-teaminfo a.tnav:hover .fa-duotone {
  color: var(--likewhite)
}

.header-teaminfo a.tnav, .header-teaminfo .tnav {
	margin: 0px 5px 0px 0px;
	max-width: 250px;
	display: inline-block;
}

.header-tab .tab-nav {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 3;
  margin: 0px 5px 0px 0px;
  width: 162px;
  height: 230px;
  box-sizing: border-box;
  padding: 7px;
  overflow: hidden;
}

.header-tab .tab-nav a.nav {
  margin: 0px 5px 5px 0px;
  width: 69px;
  height: 69px;
  box-sizing: border-box;
  border: 3px solid var(--likewhite);
  padding: 15px 0px 0px;
  background: var(--darkgrey);
  color: var(--likewhite);
  font-size: 2.2em;
  text-align: center;
}

.header-tab .tab-nav a.nav:hover {
  background: var(--green);
}

.header-tab .tab-shorts {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 4;
  width: 705px;
  height: 230px;
  box-sizing: border-box;
  padding: 7px 0px;
}

.header-tab .tab-shorts .shortfact {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  margin: 0px 5px 5px 0px;
  width: 344px;
  height: 69px;
  box-sizing: border-box;
}

.header-tab .tab-shorts .shortfact .shortpic{
  margin: 0px 3px 0px 0px;
  width: 100px;
  height: 69px;
  box-sizing: border-box;
}

.header-tab .tab-shorts .shortfact .facts{
  width: 241px;
  height: 100%;
  box-sizing: border-box;
  padding: 5px;
  background: var(--likewhite);
  font-family: 'Arial';
  text-align: center;
}

.header-tab .tab-shorts .shortfact .facts b {
  line-height: 150%;
}