a {
	padding: 10px;
	margin: 3px;
	background-color: #CCECEE; 
	color: #095d7e; 
	text-align:justify;
	width: 35%;
	border-radius: 50px;
}


a:hover {
	font-size: 160%;
	background-color: #E4FDFF; 
	color: #05B8FF; 
}

/* CSS Document */
/* All comments go between the front slash and asterisk symbols */

body {
	background-color: #62BEBD;   /* background color */
     /* text color for the entire page */
}

h1, h2, h3, h4, h5, pr { 
	text-align:center;     /* centers h1 and h2 content */
}

/* styles for the "wrapper" div, notice that "wrapper" is preceded by "#" */
#wrapper {
	margin: 0 auto;
	width: 900px;
	text-align: center;    /* centers wrapper */
}

/* styles for the "stepTitle" class, notice that "stepTitle" is preceded by a dot */
#header{
	padding:10px;
	text-align:center;
	background-color:#095D7E;
	color: #CCECEE;
	font-weight: bold;
	border-radius: 50px;
	box-shadow: 0 4px 8px 0 gray, 0 6px 20px 0 gray;
	 }
#subheader{
	padding:-1px;
	text-align:center;
	background-color: #e2fcd6;
	color: #14967F;
	border-radius: 50px;
	box-shadow: 0 4px 8px 0 gray, 0 6px 20px 0 gray;

}
.stepTitle{
	padding:10px;
	text-align:center;
	background-color:#CCECEE;
	font-weight: bold;
	font-size: 150%;
	color: #095d7e;
	border-radius: 50px;
	box-shadow: 0 4px 8px 0 gray, 0 6px 20px 0 gray;
 }

.stepContent{ 
	background-color: white;
	padding:7px;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	border-radius: 50px;
	box-shadow: 0 4px 8px 0 gray, 0 6px 20px 0 gray;
	
}
#Adinfo {
	align-content: center;
	text-align: center;
	
}

.stepDescription {
	align-self: auto;
	width:50%;
	padding:5px;
	text-align: center;
	line-height:145%;
	
}

.stepImage {
	width:35%;	
	padding:3px;
	margin: auto
}

.stepImage img {
    width:100%;
    height:auto;
}

strong {
  font-weight: 800;
}