body {
	
	display: grid;
	
	grid-template-areas: "header"
						 "main"
						 "footer";
	grid-template-columns: 1fr;
	grid-template-rows: 120px 
						1fr
						auto;
	min-height: 100vh;
	
	font-family:Candara, Arial;
	color:var(--black);
	
}

a {
	
	color:inherit;
	text-decoration:none;
	
}

header {
	
	grid-area:header;
			
	box-shadow:var(--trans) 0px 9px 9px -6px;
	
	position:sticky;
	top:0px;
	
	background-color:var(--white);
		
}

header, main, footer {
	
	display: grid;	
	
	grid-template-areas: "left main right";

	grid-template-rows: 1fr;
	
}

	.header_logo {
		
		background-image:url(img/logo.png);
		background-repeat:no-repeat;
		
		width:300px;
		height:79px;
		
	}

		.header_logo h1, .header_logo a {
			
			display:block;
			height:100%;
			
		}

	.header_makes {
		
		position:absolute;
		
		top:20px;
		right:0px;
		
		background-color:transparent;
		
	}
	
	.header_makes svg {
		
		height:40px;
		color:rgb(211, 26, 118);
		
	}

header > nav {
	
	position:relative;
		
	background-color:transparent;

}

header > nav, main > section, footer > nav {
	
	grid-area:main;
	
}

	header nav ul {
		
		display:none;
		
	}
	
	header nav ul li a {
		
		display:block;
		height:inherit;
		
	}

main {
	
	grid-area:main;
	
	background-color:var(--white);
	/*
	display:flex;
	align-items:center;
	justify-content:center;	
	*/		
}

footer {
	
	grid-area:footer;
	
	background-color:var(--white);
	
	border-top:1px solid var(--trans);
	
}

header h1 {
	
	display:none;
	
	/*
	display:block;
	
	margin-top:0px;
	padding:0px;
	
	height:100%;
	

	background-color:var(--soft);
	
	background-image:url(img/logo-wide.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	*/
		
}

	h1 a {
		
		display:block;
		
		width:inherit;
		height:inherit;
		
	}

	h1 span {
		
		display:none;
		
	}

main section {
	
	margin:10px 0px;
	
	font-size:large;
	text-align:left;
	
	word-wrap:break-word;

}

main h2 {
	
	margin:0px;
	font-size:xx-large;
	
}

main ul {
	
	margin:40px auto;
	padding:0px;
	
}

	main li {
		
		list-style-type:none;

		background-image:url(img/list-green.png);
		background-size:20px;
		background-position:center left;
		background-repeat:no-repeat;
		
		padding-left:30px;
		
		font-size:xx-large;
		
		text-align:left;
		
	}

footer nav ul {
	
	margin:20px auto;
	padding:0px;
	
}

footer nav li {
		
	list-style-type:none;
	
}

	footer nav li:hover {
		
		text-decoration:underline;	
		
	}