body {
	margin: 0;
}

#layout-bg {
	position: relative;
	width: 100%;
}

#layout { 
    display: grid; 
    grid-template-columns:  1fr;  
    grid-template-rows: auto;
    gap: 0; 
    grid-template-areas: 'header' 
                         'content'; 
	padding-bottom: 100px;
	margin: auto;
	max-width: 1340px;
	background-color: #fff;
}

#header { 
	grid-area: header;
	padding: 20px;
	margin-top: 30px;
	width: calc(100% - 40px);
	height: 150px;
	
}

#header img {
	width: 100%;
	max-width: 362px;
}

#section {
	grid-area: content;
	padding: 20px;
}

#section-grid {
	display: grid; 
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    gap: 75px;
    margin-top: 75px;
}

#section-grid .item {
	padding: 20px;
	height: 100px;
}

#footer { 
	position: relative;
	margin-top: 30px;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px; 
}

#footer div {
	padding: 20px;
	margin: auto;
	max-width: 1340px;
}

@media only screen and (max-width: 639px) {
	#section-grid {
	    grid-template-columns: auto;
	}
}