* {
margin: 0;
}

body {
  background-color: #add5c7;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}


H3 {
    border-radius: 25px 25px 25px 25px;
text-align: center;
  padding: 20px 0;2
font-size: 20px;
font-weight: bold;
background: #14a172;
width: 90%;
margin-left:auto;
    margin-right:auto;
}

H4 {
border-radius: 25px 25px 25px 25px;
padding: 20px 0;
text-align: center;
background:  #000000;
font-size: 20px;
font-weight: bold;
width: 90%;
margin-left:auto;
    margin-right:auto;
}

H5 {
    border-radius: 25px 25px 25px 25px;
text-align: center;
  padding: 20px 0;
font-size: 17px;
font-weight: bold;
background: #14a172;
width: 90%;
margin-left:auto;
    margin-right:auto;
}
p{
color: black;
text-align: center;
padding: 10px 0;
background-color: #14a172;
font-size: 20px;
font-weight: bold;
width: 90%;

margin-left:auto;
    margin-right:auto;
}

p1{
text-align: center;
font-weight:bold; 
line-height: .5em;
font-size: 15px;
color: black;

}


 /* Responsive layout - when the screen is less than 600px wide, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;  
}


.