.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;

}

.portfolio-section {
max-width: 1200px!important;
width: 96%;
margin-inline: auto;
padding-block: 40px;
}


/* -- Portfolio -- */

.portfolio-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
gap: 15px;
  justify-content: center;
padding: 40px 15px;
}

.portfolio-box {
  width: 100%;
  padding: 15px;
margin-inline: auto;
transition: all ease-in 0.3s;
-webkit-box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.08);
}

.pb-title {
margin-bottom: 10px;
}

.pb-title span {
font-size: 1rem;
}

.portfolio-box p {
  font-size: .9rem;
}

.portfolio-box:hover {
    -webkit-box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.16);
    box-shadow: 2px 9px 64px 2px rgba(0, 0, 0, 0.16);
transform: translateY(-8px);
}


@media (max-width: 1200px) {
.portfolio-row {
  grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 768px) {
.portfolio-row {
  grid-template-columns: 1fr;
}
}