.container-fluid {
	padding-left: 10px;
	padding-right: 10px;
}

.navbar {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	transition: transform 1s;
	transform: scaleX(100%);
}

.navbar-brand {
	display: flex;
    flex-direction: row;
	color: #B4C800 !important;
	font-weight: bold !important;
	margin-left: 16px;
	margin-right: 36px;
	align-items: center;
}

.navbar-collapse {
	padding: 16px;
}

.tab-content {
	padding-top: 70px;
	display: block;
}

a {
	color: #B4C800;
}

a:hover {
	color: rgb(155, 189, 0);
}

a:visited {
	color: rgb(153, 188, 0);
}

.contact {
	padding-left: 0;
}

.navbar-collapse:not(.collapse) ~ .contact {
	padding-left: 16px;
	margin-bottom: 16px;
}

.hamburger {
  display: inline-block;
  cursor: pointer;
  margin-right: 32px;
}

@media only screen and (min-width: 992px) {
  .hamburger {
    display: none; 
  }
  
  .navbar-collapse:not(.collapse) ~ .contact {
	padding-left: 0;
	margin-bottom: 0;
  }
  
  .tab-content {
	padding-top: 120px;
  }
}

.hamburger-bar1, .hamburger-bar2, .hamburger-bar3 {
  width: 26px;
  height: 3px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.change .hamburger-bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
  transform: rotate(-45deg) translate(-6px, 6px);
}

.change .hamburger-bar2 {opacity: 0;}

.change .hamburger-bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -7px);
  transform: rotate(45deg) translate(-6px, -7px);
}