.header-item {
 flex: 1;
 text-align: center;
 width: 100%;
}
@media screen and (min-device-width: 801px), (min-width: 801px) {
 .header-container {
  display: flex;
  align-items: center;
 }
}
@media screen and (max-device-width: 800px), (max-width: 800px) {
 .header-container {
  display: block;
  align-items: center;
  line-height: 2;
 }
 .header-searchbox {
  display: none;
 }
}

#searchbox {
 width: 100%;
 background: none #073642;
 color: dc322f;
 border: solid 0px #000000;
 border-radius: 3px;
 height: 32pt;
 font-size: 20pt;
 box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.15);
 padding-inline-start: 8px;
 padding-inline-end: 8px;
}