 #header:before {
			height: 50%;
		    background: rgba(0, 0, 0, 0.30);
			content: '';
			left: 50%; /* position of the vertical line in middle of header */
			position: absolute;
			width: 2px; /* old is one*/
			z-index: 0;
			margin-top:25px;
		}
		
 #menu_container {
		display: flex;	
		 justify-content:left;
		 
		padding-top:10px;
		 position:absolute;
/* 		 margin: 0 auto; */
		 width:100%;
		z-index: 1;
}
#menu_padding_element {
		width:50%
}

		
  #line_connector {
			height: 2px; /* length of the horizontal line betwen city and menu */
			margin-top:15px;
			flex-grow:5;
			background: rgba(0, 0, 0, 0.30);
	}
	
 	
/* horizontal menu */
#nav ul {
		display: flex;
		justify-content: center;
		width:500px;
		font-size: 0.7em; /* button height */
		z-index:-1;
		margin:0;
		 padding-right:3em;
 }

#nav ul li a, #nav ul li span,#nav ul li a {
			font-family: "Bebas Neue", Helvetica, sans-serif;
			font-size:20px;
			font-weight:normal;
			letter-spacing: 0.025em;
			text-decoration: none; 
			
			color :rgb(255,255,255,1);
			text-decoration: none;
			
			}
			
#nav  li{
 		 border-radius: 3px; 
/* 		transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); */
		background-color:rgba(0,0,0,0.60);
		z-index:1;
		text-align:center;
		min-width:90px; 
		line-height:1.75;
}

	li.button{
		transition: background-color 0.25s,
							box-shadow 0.25s,
							border 0.25s;
	}
	
	li.phone{
		  outline:none !important;
		  pointer-events:none;
		  letter-spacing: 0.25em !important;
	      font-weight:bold !important;
		  background-color:rgba(60,165,23,1)!important;
		  border-radius: 0px 3px 3px 0px !important; 
	       min-width:120px !important;
	}	

#phone_icon{
	position:relative;
	width:35px;
	height:35px;
	 border-radius: 3px 0px 0px 3px !important; 
}
.button_line {
	z-index:3;
	height: 2px;
  margin-top:15px;
   width:100%; /* old is 100% */
   background-color:rgba(0,0,0,0.3);
}
	

	
#nav li.button:hover {
		
 		background-color:rgba(155,0,0,0.79);  /*red */
/* 			background-color:rgba(207,93,0,0.79); orange */
		border-right: 1px solid rgba(0,0,0,0.30);
		border-bottom: 1px solid rgba(0,0,0,0.30);
		
	box-shadow: 	rgba(0, 0, 0, 0.14) 0px 2px 1px, 
								rgba(0, 0, 0, 0.14) 0px 4px 2px, 
								rgba(0, 0, 0, 0.14) 0px 8px 4px,
								rgba(0, 0, 0, 0.14) 0px 16px 8px, 
								rgba(0, 0, 0, 0.14) 0px 32px 16px;
}
				
	
