* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #f5f5f5;
}

.content {
	margin-top: 15px;
}

#bg-border-radius {
	margin: -(800px / 2) auto 0;
	width: 100%;
	height: 400px;
	overflow: hidden;
	border-radius: 0 0 40% 80%;
	background-color: #0080C1;
  text-align: center;
  position: relative;
}

#bg-radial-gradient {
	background: radial-gradient(circle, #0080C1 50%, white 50%);
	margin: -800px auto 0;
	width: 800px;
	background-size: 100% 800px;
	background-repeat: no-repeat;	
}
#center {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
}
#center2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
}
#title {
	color: rgb(255, 255, 255);
	font-size: 3rem;
}
#subTitle {
	color: rgb(233, 233, 233);
	font-size: 1.5rem;
}
#img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}