.container-nav{
	display:grid;
	grid-gap: 5px;
	grid-auto-flow: column;
	grid-template-columns: repeat(4,1fr);
}
.container-main{
	display:grid;
	grid-column-gap: 20px;
	grid-auto-flow: column;
	grid-template-columns: repeat(3,1fr);
}
.container-inner{
	display:grid;
	grid-row-gap: 10px;
	grid-auto-flow: row;	/* default value*/
	grid-template-columns: 1fr;	
}

header, footer{
	padding: 35px;
	background-color: orange;
}
header, nav{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 5px;
}
footer{
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 5px;
}
section {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}
section, li{
	border: 2px dashed white;
}
li{
	background-color: black;
	padding: 20px;
}
nav, ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.item{
	padding:0;
	/* grid-column: span 6; */
	background-color: white;
}
.item-type-a{
	margin-top:3%;
	background-color: orange;
}
.type-b{
	display:grid;
	grid-row-gap: 25px;
	grid-auto-flow: row;	/* default value*/
	grid-template-columns: 1fr;	
}
.item-type-b{
	background-color: orange;
}

.inner-item{
	padding:45px 0;
	/* grid-column: span 3; */
	background-color:black;
}