style.css

h1 {
	text-align: center;
	font-family: "Helvetica", serif;
}

section h2{
	font-family: "Times New Roman", serif;
}

a {
	color:Black;
}

.section-img ul li{
  display: inline-block;
}

li div {
	padding: 5px;
	margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 10px;
    margin-left: 10px;
}

p:first-child a{
	color: MediumSeaGreen;
}

p:nth-child(2) {
	font-family: serif;
	color: SlateBlue;
}

p:nth-child(3) {
	color: Tomato;
}

@media screen and (min-width: 780px) and (max-width: 1024px){
	.section-img ul li{
		width: 90%;
		height: 90%;
	  }
}

@media screen and (min-width: 400px) and (max-width: 780px){
	
	.section-img ul li{
		width: 50%;
		height: 50%;
	  }
}

@media screen and (max-width: 480px){
	.section-img ul li{
		width: 40%;
		height: 40%;
		margin: 5%;
	  }
}