.pbox{
    margin-top: 20vh;
    margin-left: 4vw;
    margin-right: 4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 6vh;
    color: black;
}
.pbox h1{
    color:grey;
}
.Pcontainer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  
    padding-left:3vw;
    row-gap: 2vh;

}


.project-title{
    color: black;
}
.hr{
    margin: 4vh 0px;
}

@media only screen and (min-width:500px)and (max-width:1100px)
{
.project1{
    width:35vw;
}
.project2{
    width:35vw;
}
.project3{
    width:35vw;
}
.project4{
    width:35vw;
}
    
}