.navbar-collapse {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      z-index: 1000;
    }
	
.navbar-nav {
    text-align: left;
    width: 100%;
  }
	
	
.navbar {
  align-items: center;
}
	
	
.nav-link {

    font-size: calc(0.7rem + 0.7vw) !important;
    color: #e0e0e0;
	letter-spacing: 3px;
	text-transform: uppercase;
	display: inline;
	margin: 0 5px 0 5px;

}

.nav-link:focus, .nav-link:hover {
    color: #fff;
}

.nav-link.active {

    color: #fff !important;
	border-bottom: 3px solid #fff;
}

.navbar, .navbar-collapse {

  border: none;
  background-color: transparent;
}
	
	
@media (max-width: 767.98px) {
  .navbar-collapse, .navbar-toggler {

   background: #031633;
	
}

  .navbar-toggler {

   border-radius: 0 10px 10px 0 !important;
	
}

    .d-flex {
    margin: 20px 20px !important;
  }
  

    .d-flex i {
		size: 50%;
  }
 

.nav-link.active {

	border: none !important;
}



.navbar {
    padding-bottom: 0 !important;
    background-color: #fff;
	
	
  }
  
  
.nav-link {
	color: #fff;
    margin: 300px 20px !important;
	line-height: 40px;

}


.nav-link:focus, .nav-link:hover {
    color: #fff;
}
  
  
  }
  

.navbar-toggler {
    border: none;
	padding: 20px;
    }

.navbar-toggler:focus {
    box-shadow: none;
    }

.navbar-toggler-icon {
    background-image: none;
	width: 32px;
	height: 3px;
    background-color: #fff;
    position: relative;
    transition: all 0.3s ease;

    }

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    content: "";
    position: absolute;
	width: 32px;
	height: 3px;
    background-color: #fff;
    transition: all 0.3s ease;
    left: 0;
    }

.navbar-toggler-icon::before {
      top: -9px;
    }

.navbar-toggler-icon::after {
      top: 9px;
    }


.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-color: transparent;
    }

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 0;
    }

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    top: 0;
    }