@media screen and (max-width: 959px) {

	.only_desktop  {
		
		display:none;
		
	}

	header, main, footer {
				
		grid-template-columns: 0 1fr 0;
		
	}
	
	#header_hamburger {
		
		display:block;
		
		padding:5px;
		font-size:20px;
		
		text-align:center;
						
	}

	#header_hamburger {

		background-color:var(--dark);

	}		

	#header_nav.open ul.nav_level_1 {
				
		position:fixed;
		
		top:110px;
		left:0px;
		right:0px;
		bottom:0px;
						
		background-color:var(--dark);

	}

	#header_nav.open ul.nav_level_1, #header_nav.open ul.nav_level_2 {
		
		display:block;
		
		margin:0px;
		padding:0px;
		
	}
	
		#header_nav.open li.nav_level_1_item, #header_nav.open li.nav_level_2_item {
			
			display:inline;
			
			padding:0px;
												
		}

		#header_nav.open li.nav_level_1_item a, #header_nav.open li.nav_level_2_item a {
						
			padding:10px 0px;
			
			text-align:left;			
			
			background-color:grey;
			
			border-bottom:1px solid var(--black);			
						
		}

			#header_nav.open li.nav_level_1_item a:hover, #header_nav.open li.nav_level_2_item a:hover {
			
				color:red;
			
			}

		#header_nav.open li.nav_level_2_item a {
						
			padding:10px 50px;
						
			background-color:var(--soft);
	
		}

		#header_nav.open .header_logo {
			
			
			
		}
		
}

@media only screen and (min-width:960px) {	

	.only_mobile  {
		
		display:none;
		
	}

	header, main, footer {
				
		grid-template-columns: 1fr 960px 1fr;
		
	}
	
	footer nav {
		
		display:grid;
		
		grid-template-columns: 1fr 1fr 1fr 1fr;
		
	}
	
	footer nav li {
			

		
	}	

	.header_logo {
				
		position:absolute;
		
		left:0px;
		bottom:15px;		
		
	}
	
	header nav ul {
		
		display:block;
		
	}

	header nav ul.nav_level_1 {
		
		position:absolute;
		
		left:350px;
		right:0px;	
		bottom:0px;
		
		margin:0px;
		padding:0px;
		text-align:left;
				
	}

		header nav ul.nav_level_1 li.nav_level_1_item {
			
			display:inline-block;
			
			position:relative;
			
			margin-right:50px;
			padding:0px 0px 20px 0px;
			
			list-style-type:none;
			
			font-size:large;
			
		}
			header nav ul.nav_level_1 li.nav_level_1_item:hover {
			
				color:red;
			
			}
			
			header nav ul.nav_level_1 li:last-child {
				
				margin-right:0px;
				
			}

		ul.nav_level_2 {
			
			display:none;
			
			background-color:red;
			
			position:absolute;
			
			top:25px;
			left:0px;
			
			min-width:100%;
			
			margin:0px;
			padding:0px;		
			
			border:1px solid var(--black);
			
		}

			header nav ul.nav_level_1 li.nav_level_1_item:hover ul.nav_level_2 {
				
				display:block;
				
			}

		header nav ul.nav_level_2 li.nav_level_2_item {
			
			display:block;
			
			margin:0px;
			padding:5px 5px;
							
			list-style-type:none;
			
			background-color:var(--white);
			border-bottom:1px solid var(--black);
			
			color:black;
			
		}
		header nav ul.nav_level_2 li.nav_level_2_item a {
			
			white-space: nowrap;
			
		}

			header nav ul.nav_level_2 li.nav_level_2_item:last-child {
				
				border-bottom:0px;
				
			}
			
			header nav ul.nav_level_2 li.nav_level_2_item:hover {
				
				background-color:var(--dark);
				
			}

}

@media screen and (min-width: 1400px) {

	header, main, footer {
				
		grid-template-columns: 1fr 1300px 1fr;
		
	}

}