body{

	//width:768wv;
	width:100%;
	height:100%;
	
	font-size: 100%;
	
	
	
	

}



a:link {
  color: lightpink;
  text-decoration: none;
}

a:visited {
  color: lightpink;
  text-decoration: none;
}





h1{
	font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-weight: normal;
	font-size: 64px;
	line-height: .75;
	color: grey;
	margin-top: 128px;
	text-align: center;
}

h2{
	font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-weight: Bold;
	font-size: 32px;
	line-height: 0;
	color: grey;
}

h3{

	font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 0;
	margin-top: 48px;
	
}

h4{
	font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 0;
}

h5{
	font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-weight: normal;
	font-size: 64px;
	line-height: .75;
	color: white;
	margin-top: -64px;
	text-align: center;
}





.root{





	//border: 8px solid black;
		
	
	//width:100%;
	//max-width:768px;
	//min-width:640px;
	
	display: flex;
	//flex: 1;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
}



.box1{
	//margin-top: 128px;

	width: 768px;

	color: grey;

	padding-left: 32px;
	padding-right: 32px;
}

.box2{
	margin-top: 128px;

	width: 768px;

	color: grey;

	padding-left: 32px;
	padding-right: 32px;
}

.box3{
	margin-top: 128px;

	width: 576px;

	color: white;
	background-color: grey;

	padding-left: 32px;
	padding-right: 32px;
}



.box4{

	margin-top: 128px;
	margin-bottom: 0px;
	
	//width: 100%;

	//color: white;
	background-color: black;

	//padding-left: 32px;
	//padding-right: 32px;
}




.image1{

	//width: 50%;
}