body{
	background-color: #214f70;
	background-image: url(#);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

h4{
	color: white;
	margin: 0;
	font-size: 3vw; 
	/* viewport width - as you change browser size, text changes with it*/
	text-shadow: 2px 2px 1px #c9c9c9;
}

a{
	text-decoration: none;
	color: black;
}

#one{
	min-width: 700px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #1b2933;
	border-radius: 7px;
	height: 3093px;
}

#two{
	font-family: calibri, arial, sans-serif;
	background-color: #90b6d1;
	text-align: center;
	padding: 10px;
}

#three{
	background-color: #90b6d1;
	padding: 10px;
	overflow: hidden;
}

#four{
	font-family: calibri, arial, sans-serif;
	background-color: #90b6d1;
	color: #ffffff;
	float: left;
	width: 300px;
	padding: 10px;
	height: 250px;
	border: 4px solid #214f70;
	border-radius: 8px; /* allows you to add curves to border edges*/
	background-image: url(#); /* this code is for still images (images that don't move) url= universal resource locater*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#four a{
	text-decoration: none;
	color: black;
}
	
#four img {
	height: 250px;
	width: 235px;
	border: 4px dashed #ccdce8;
	border-radius: 4px;
}
	
#five{
	font-family: calibri, arial, sans-serif;
	font-size: 13px;
	background-color: #90b6d1;
	color: #000000;
	float: right;
	width: 515px;
	padding: 10px;
	height: 250px;
	border: 4px solid #214f70;
	border-radius: 8px; 
	background-image: url(airbrush2.JPG);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#five a{
	text-decoration: none;
	color: black;
}

#five a:hover { /* when you hover over link, switches to another color*/
	color: #940039;
}

#five h5{
	font-family: calibri, arial, sans-serif;
	font-size: 13px;
	color: black;
}

#six{
	font-family: calibri, arial, sans-serif;
	background-color: #90b6d1;
	color: #000000;
	float: left;
	width: 425px;
	padding: 10px;
	margin-top: 8px;
	height: 305px;
	border: 4px solid #214f70;
	border-radius: 8px; 
	background-image: url(airbrush3.JPG);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
	
#six h6{
	font-family: calibri, arial, sans-serif;
	font-size: 20px;
	color: black;
	margin-top: 9px;
	margin-bottom: 9px;
	float: center;
}

#six img{
	height: 55px;
	width: 55px;
}
	
#seven{
	font-family: calibri, arial, sans-serif;
	background-color: #90b6d1;
	color: #ffffff;
	float: right;
	width: 390px;
	padding: 10px;
	margin-top: 8px;
	margin-bottom: 10px;
	height: 300px;
	border: 4px solid #214f70;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#seven h6{
	font-family: calibri, arial, sans-serif;
	font-size: 20px;
	color: white;
	margin-top: 9px;
	margin-bottom: 9px;
}

hr{
	background-color: 33,79,112;
	
}
#eight{
	font-family: calibri, arial, sans-serif;
	background-color: #90b6d1;
	color: #451f09;
	padding: 10px;
	text-align: center;
	clear: both; /*forcing content above and below away from it; in its own space/box*/
	float: left;
	width: 880px;
	height: 2250px;
}

#eight h5{
	font-family: calibri, arial, sans-serif;
	font-size: 37px;
	color: white;
	margin-top: 9px;
	margin-bottom: 9px;
}

#eight blockquote {
	font-family: calibri, arial, sans-serif;
	font-size: 18px;
	color: white;
}

#process h6 {
	font-family: calibri, arial, sans-serif;
	font-size: 18px;
	color: white;
}

.notbold{
	font-weight:normal   
}

/* used https://stackoverflow.com/questions/12763344/removing-bold-styling-from-part-of-a-header (this website) for notbold code up above */

#directions h6 {
	font-family: calibri, arial, sans-serif;
	font-size: 25px;
	color: white;
	margin-bottom: 5px;
}

#waxes h6 {
	font-family: calibri, arial, sans-serif;
	font-size: 25px;
	color: white;
	margin-bottom: 5px;
}

#tips h6 {
	font-family: calibri, arial, sans-serif;
	font-size: 28px;
	color: white;
	margin-bottom: 5px;
}

#do h6 {
	font-family: calibri, arial, sans-serif;
	font-size: 22px;
	color: white;
	margin-bottom: 5px;
}

#do li {
	font-family: calibri, arial, sans-serif;
	font-size: 17px;
	color: white;
}

#dont h6 {
	font-family: calibri, arial, sans-serif;
	font-size: 22px;
	color: white;
	margin-bottom: 5px;
}

#dont li {
	font-family: calibri, arial, sans-serif;
	font-size: 17px;
	color: white;
}

#nine{
	font-family: calibri, arial, sans-serif;
	background-color: #7496ad;
	color: white;
	padding: 10px;
	text-align: center;
	border: 2px dashed #1b2933;
}