@font-face {
  font-family: 'Manrope';
  src: url('Manrope-VariableFont_wght.ttf')  format('truetype');
}
@font-face {
  font-family: 'Anton';
  src: url('Anton-Regular.ttf')  format('truetype');
}
.fontStyle2 {
    font-family: 'Manrope', sans-serif;
}

.fontStyle1 {
  font-family: 'Anton', sans-serif;
}

.compact {
  line-height: 1.5em
}

a.customNav {
  color: #fff;
  background: rgba(242, 140, 0, 1);
  text-decoration: none;
  display: inline-block;
  min-width: 80px;
  text-align: center;
  border-right: 1px solid #e55c69;
  padding: 14px 18px;
}

a.customNav:active,
a.customNav:hover {
  background: rgba(242, 140, 0, 0.7);
  border-color: transparent
}
.nav-link:focus, .nav-link:hover {
  color: #ddd;
}
#hamburgerMenu {
 background: rgba(242, 140, 0, 1);	
}
@media screen and (min-width:1200px) {
  #bottomNavbar.collapse {
    display: block
  }
}

@media screen and (max-width:1199px) {
  #bottomNavbar {
    padding: 14px;
  }
  #menue_inner {
    margin-right: 10px;
  }
  #bottomNavbar a.customNav {
    display: block !important;
    border: none;
    background: rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: -5px;
    margin-right: -5px;
  }

  #removeFlex {
    display: block !important;
    text-align: center
  }
}