header .title{
	margin-top:170px;
}
	
h4{
	cursor: help;
	color: black;
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: normal;
}
article{
	padding: 30px;
	min-height: 400px;
	background: white;
}
#p{
	display: block;
	color: black;
}
article p{
	display: none;
	color: hsl(0,0%,30%);
	margin-bottom: 30px;
	max-width: 700px;
	padding:20px;
	background: hsl(0,0%,96%);
}
p a{
	color: hsl(200,100%,50%);
}
article h4::before{
	content: "+ ";
}
.display::before{
	content: "- ";
}
footer{
	margin-top: 30px;
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
 header .title{
	text-align: center;
	margin-top: 250px;
	color: white;
	padding: 30px;
}
}
@media(min-width: 1000px){
	article{
		width: 700px;
		margin: auto;
	}
}