body {background-image:url("repeathero.jpg");
			background-repeat:repeat;
			background-size: 400px;
			font-family:Optima, sans-serif ;
			margin: 0px;}

nav {background-color:rgb(219, 7, 7);
		font-weight:bold;
		grid-column:2/4;
		grid-row:2/3;}

ul {width:100%;
	display:flex;
	flex-wrap:nowrap;
	list-style-type:none;}

li {width:100%;}

nav a{color:rgb(0,0,0);
		text-decoration:none;
		text-align:center;
	}

main{background-color:rgb(204, 186, 186);
		grid-column:2/4;
		grid-row:3/4;
		padding-left:3px;
		padding-right:3px;
		padding-top:2px;
		padding-bottom:2px;
		font-family:Optima, sans-serif ;}

footer{color:red;
		text-align:center;}



h2{color:black;}

p{color:black;}

#homehero {background-image:url('homehero.jpg');
			height:300px;
			background-size:cover;
			background-repeat:no-repeat;
			background-position:center;
			grid-column:2/4;
			grid-row:1/2;}

#wrapper {display:grid;
			grid-auto-rows:minmax(0px, auto);
			grid-template-columns: minmax(0px, 1fr) repeat(2, minmax(0, 480px)) minmax(0px, 1fr);
			grid-gap:5px;}