/* body {
  font-family: sans-serif;
  margin: 0 auto;
  padding: 20px;
  width: 80%;
} */

/* p {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .18em;
  text-align: center;
  padding-top: 30px;
}

a {
  text-decoration: none;
} */

.brand {
	text-align: center;
}

.brand img {
	/* width:  */
	width: 190px;
}

.p1:hover,
.p2:hover {
	opacity: .3;
	cursor: pointer;
}

h4 {
	color: grey;
	font-size: 24px;
	font-weight: 400;
}

#portfolio p {
	color: grey;
	font-size: 12px;
	font-weight: 200;
}

.content {
	width: 88%;
	margin: 0 auto;
	padding: 0px;
	text-align: center;

}

.single-content img {
	width: 190px;
	height: 100%;
	margin: 10px;
}

.filters {
	width: 100%;
	text-align: center;
}

.filters ul {
	list-style: none;
	padding: 20px 0;
}

.filters li {
	display: inline-block;
	padding: 2px 10px;
	font-size: 13px;
	color: #636363;
	font-weight: 400;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	transition: 0.4s ease-in;
}

.filters li:hover {
	color: #a6a6a6;
}

.filters li.active {
	color: #ffffff;
	/* border: 1px solid #038192; */
	border-radius: 15px;
	/* background: #0b92f7; */
	background: #59ab66;
}