/* addition styles */

.portfolio{
	margin: 0px 15px 0px
}

.portfolio__container{
padding: 15px 0px;
}


.portfolio h2{
margin: 0 auto;
}

.portfolio__cards{
display:flex; gap:20px;
justify-content: center;
margin-top: 20px;
}

.portfolio__card{
	border-radius: 10px;
	width:24%; 
	height:auto;
	border: solid #aaa 1px;
	cursor: pointer;
	transition: 0.3s;
}
.scale{
	border-radius: 10px;
	width: 100%;
	height: 240px;
    object-fit: cover;
	transition: 0.3s;
	cursor: pointer;
}

.scale:hover {
    z-index: 100;
    transform: scale(1.3);
}


@media (max-width:800px) {

	.portfolio{
		margin-top: 0px
	}

	.portfolio__cards{
		flex-direction: column;
	}
	.portfolio__card{
		width: 100%;
	}	
.scale{
	height: auto;
}
}