body {
	background-color: rebeccapurple;
  font-family: "Roboto", sans-serif;
}
h1, h2, h3 {
	font-family: "Domine", serif;
  color: #1C146D;
}
form label,
form input,
form textarea {
	width: 100%;
  margin-bottom: 1em;
}
figure {
	border: 3px solid rebeccapurple;
  padding: 0.5em;
  background-color: #7C4EAB;
}
figure a:link {
	color: white;
}
figure a:visited {
	color: #FFF892;
}
figure:hover {
	box-shadow: 3px 3px 5px black;
}

ul {
	padding: 0;
}

.img-responsive {
  max-width: 100%;  
}
.container {
	background-color: white;
  padding: 2em;
  margin-bottom: 2em;
}
.text-center {
	text-align: center;
}

#web div {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-around;  
}
#contactInfo ul {
	list-style: none;
}

@media screen and (min-width: 576px) {
  #contactInfo ul li {
  	display: inline-block;
  }
  #contactInfo ul li:not(:last-child):after {
  	content: " | ";
  }
}