* {
	font-family: Rubik, Helvetica, system, sans-serif;
}

h3, h5 {
	font-weight: 300;
}

h5 {
	font-size: 16px;
	font-style: italic;
}

body {
	padding: 20px;
	background-color: #FFA07A; /* LightSalmon (web colors) */
	text-align: center;
}

.container {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-areas:	"header header"
							/*"nav nav"*/
							/*"summary summary"*/
							"video1 video2"
							"video3 video4"
							"about ."
							"render1 render2"
							"render3 render4";
							
	grid-gap: 5rem 5rem;
	max-width: 1200px;
	max-width: 85%;
	margin: 50px auto;
	justify-content: center;
}

video {
	width: 100%;
	height: auto;
}

.header {
	text-align: left;
}

img.header {
	max-width: 200px;
	position: relative;
	top: -20px;
}