body {
	font-family: Arial;
	color:#333;
}

h1 {
	margin-bottom: 100px;
}

h1, h2 {
	text-align: center;
}

div {
	margin: 0 auto 100px auto;
	width: 960px;
	height: 200px;
	background: #ccc;
}

#box1 {
	background: linear-gradient(180deg, #0C517A 0%, #072D43 100%);
}

#box2 {
	background: linear-gradient(258deg, #072D43 32.76%, #6895A1 48.28%, #6895A1 51.72%, #0C517A 67.24%);
}

#box3 {
	width: 400px;
	height: 400px;
	background: radial-gradient(50% 50% at 50% 50%, #EBDEB6 25%, #EB932B 100%);
}

#box4 {
	background: #00AFEC;
	box-shadow: 0px -8px 8px 0px rgba(0, 0, 0, 0.25), 0px 8px 8px 0px rgba(0, 0, 0, 0.25), -8px 0px 8px 0px rgba(0, 0, 0, 0.25), 8px 0px 8px 0px rgba(0, 0, 0, 0.25);
}

#box5 {
	background: #00AFEC;
	box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25) inset, 0px -8px 8px 0px rgba(0, 0, 0, 0.25) inset, 8px 0px 8px 0px rgba(0, 0, 0, 0.25) inset, -8px 0px 8px 0px rgba(0, 0, 0, 0.25) inset;
}

#box6 {
	background: url(images/wov.png) lightgray 0% 0% / 126px 20px repeat;
}