div {
	float: left;
	clear: both;
}

#container {
	background-color: powderblue;
	height: 1700px;
	margin-bottom: 40px;
	width: 90%;
	margin-left: 5%;
	border-radius: 40px;
	/* stop using margin auto does not work with float*/
	/* float is needed to make your website mobile friendly with percentages*/
}

.pageheader{
	margin-top: 20px;
	text-align: center;
	margin-left: 550px;
	font-size: 45pt;
}

.headerofmenus {
	margin-top: 20px;
	width: 80%;
	margin-left: 10%;
	background-color: seagreen;
	height: 75px;
	border-radius: 40px;
}
/* close of header of menus */

.menusmall {
	clear: none;
	color:white;
	margin-top: 28px;
	margin-left: 7%;
	font-size: 15pt;
	margin-right: 8%;
}

.menusmall:hover {
	color: black;
}

.contentholder {
	background-color: aliceblue;
	/* If you add padding you m
	ust reduce the with - can't excede 100% */
	width: 80%;
	margin-left: 10%;
/*	height: 770px;*/
	height: 1200px;
	margin-top: 25px;
	border-radius: 40px
}
/* close of content holder */

.whyadoptheader{
	margin-top: 20px;
	margin-left: 20px;
	font-size: 40pt;
}

.image0{
	margin-left: -820px;
	margin-top: 95px;
	border-radius: 40px;
	width: 850px;
	height: 500px;
}

.paragraph{
	margin-left: 25px;
	font-size: 15pt;
	margin-top: 10px;
	width: 850px;
}

.reason1{
	margin-left: 20px;
	margin-top: 20px;
	font-size: 27pt;
}

.paragraph1{
	margin-left: 25px;
	font-size: 15pt;
	margin-top: 10px;
	width: 850px;
}

.reason2{
	margin-left: 20px;
	margin-top: 20px;
	font-size: 27pt;
}

.paragraph2{
	margin-left: 25px;
	font-size: 15pt;
	margin-top: 10px;
	width: 850px;
}

.reason3{
	margin-left: 20px;
	margin-top: 20px;
	font-size: 27pt;
}

.paragraph3{
	margin-left: 25px;
	font-size: 15pt;
	margin-top: 10px;
	width: 850px;
}