.navi {text-transform: uppercase;}
.hormitte {justify-content: center;}
.randoben {margin-top: 5px;}
.randobeninne {padding-top: 5px;}
.flexed {
  display: flex;
  align-items: center; /* vertical */
  justify-content: center; /* horizontal */
  margin-bottom: 20px;}
.mitte {text-align: center;}
.downmenuex
{display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; width: 100%; justify-content: center;}

@media screen and (min-width: 576px) {
.bottomjcc {display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; width: 100%; justify-content: center;}
.logojcc {max-width: 150px;}
}