#page-container {
  position: relative;
  min-height: 100vh;
	
}	



nav {
	background-color: aliceblue;
	background-size:cover;
	margin: -8px;
	padding-bottom: 20px;
   position:relative;
	z-index:3000;
    width:110%;
	left:-5px;
   box-sizing: border-box;
   
}

body{
		background:url('images/Pileco-Diesel-Hammer2.jpg')  no-repeat;
	    background-size:cover;
		min-height:100vh;
	    background-attachment:fixed;
	}

#logo {
	position: absolute;
	top:-9px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	width:%;
	
}
#logo a{
	background:none;
}



#logoMobile{
    display:none;
	
	}



nav:after {

  content: "";

  display: block;

  clear: both;
  
}

 

nav ul {

  float: right;

  padding: 0;

  margin-right: 170px;

  list-style: none;

  position: relative;

}

 

nav ul li {

  margin: 0px;

  display: subgrid;

  float: left;

  background-color:#aliceblue;
  
  
}

 

nav a {
   
  	display: block;
	padding: 0 15px;
	color: #0e4677;
	font-size: 14px;
  	line-height: 50px;
  	text-decoration: none;
  	font-family:Verdana, Geneva, sans-serif; 
	background-color:aliceblue;
}

 

nav ul li ul li:hover { background: #fff; }

 

nav a:hover { background-color: #aliceblue; }

 

nav ul ul {

  display: none;

  position: absolute;

  top: 50px;

}

 

nav ul li:hover > ul { display: inherit; }

 

nav ul ul li {

  width: 170px;

  float: none;

  display: list-item;

  position: relative;

}

 

nav ul ul ul li {

  position: relative;

  top: -50px;

  left: 170px;

}

 

li > a:after { content: ''; }

.toggle, [id^=drop] {

 display: none;
 
}



nav ol  {
  
padding-left:8px;
  left: 0px;
 display: block;
 position: relative;
 background-color:#aliceblue;
}



li > a:only-child:after { content: ''; }




a{
	color: #223c77;
	text-decoration: none;
	
}
a:hover{color: #C00;
	
	}


ul {list-style-type: none;
	}





@media (max-width: 965px) {

nav {
		background-color:#223c77;
		background-size:;
	margin-left: 5px;
	padding: 0 15px;
   position:absolute;
	z-index:;
    width:110%;
	left:0px;
  
   
}
		
    nav a { background-color: #223c77; 
	display:block;
	padding: 0, 25px;
	color: #fff;
	font-size: 19px;
  	line-height: 50px;
  	text-decoration: none;
  	font-family:Verdana, Geneva, sans-serif; 
	width:100%;
	margin-left:12px;
}
	
		
	#logo{
		display:none;
		
	}
#logoMobile{
    display:contents;
	width:80%;
	
	left:-0px;
	position:absolute;
	}	

.toggle + a,
 .menu { display:none; 
	 
 		 }

.toggle {
  display:block;
  background-color: #223c77 ;
  padding: 0 25px;
  color: #ffffff;
  font-size: 19px;
  line-height: 60px;
  border: none;
  font-family:Verdana, Geneva, sans-serif;
  
}
ul {
	list-style:none;
	text-align:inherit;
}
	
.toggle:hover { color: #C00;
	
	}


	nav ul{
		position:absolute;
		top:35px;
		left:-0px;
		width:100%;
	}
	
	
[id^=drop]:checked + ul { display:block;
	text-align: left;}

nav ul li {
  display:block;
  width: 110%;
  background-color:#223c77 ;

}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #223c77 ; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #223c77 ; }

nav ul li ul li:hover { background:none; }	
	
	
	
nav ul ul {
  float:none;
  position: static;
  color: #ffffff;

}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position:static;

}



}

@media(max-width:415px) {

	nav {
		background-color:#223c77;
		background-size:cover;
	margin: -13px;
	padding: 0 25px;
   position:absolute;
	top:0;
		z-index:3000;
    width:110%;
	left:5px;
  
   
}
		
    nav a { background-color: #223c77; 
	display:block;
	padding: 0, 25px;
	color: #fff;
	font-size: 19px;
  	line-height: 50px;
  	text-decoration: none;
  	font-family:Verdana, Geneva, sans-serif; 
	width:100%;
	margin-left:12px;
}
	
	

#logoMobile{
    display:contents;
	width:100%;
	}	
	
	body{
		background:url('images/Pileco-Diesel-Hammer2.jpg')  no-repeat;
	    background-size:;
		min-height:;
	}





}