#portfolio, .portfolio {
    width: 98%;
    margin: 0 auto;	
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#portfolio figure, .portfolio img {overflow: hidden;text-transform: uppercase;
    width: 23%;height: 450px; 
    margin: 1% 0;
    display: block;
    border: 1px solid;
  border-color: #b3b3b3; color: #000;
  text-align: center;
}
#portfolio figure h4, #portfolio figure h5, #portfolio figure .wh {
	margin: 5px;letter-spacing: 2px;
}

.project__image {
width: 100%; 
height: 70%;
object-fit: cover; opacity: 0.9;
}


@media (max-width: 1280px){
#portfolio figure, .portfolio img {
    width: 33%;
}
}

@media (max-width: 844px){
#portfolio figure, .portfolio img {height: 500px; 
    width: 48%;
}
}

@media (max-width: 480px){
#portfolio figure, .portfolio img {
    width: 98%; 
}
}