/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 8px;
}

.navbar .dropdown-menu {
	border:none;
	background-color:#000000e6!important;
	margin-top: 0px;
}




/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
	  /* remove the padding from the navbar so the dropdown hover state is not broken */
	.navbar {
		padding-top:0px;
		padding-bottom:0px;
	}

	/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
	.navbar .nav-item {
		padding: 0;
		margin: 0;
	}

	/* makes the dropdown full width  */
	.navbar .dropdown {position:static;}

	.navbar .dropdown-menu {
		width:100%;
		left:0;
		right:0;
	/*  height of nav-item  */
	    top: 146px;

		display:block;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.3s linear;

	}
  
 

  
  	/* shows the dropdown menu on hover */
	.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
		display: block;
		visibility: visible;
		opacity: 1;
		transition: visibility 0s, opacity 0.3s linear;
		height: 1000px
	}
  

}