.pTurn{
    background-color: red;
}

#p1Area{
border: solid;
float: left;
width: 49%;
height:250px;

}


#p2Area{
float: right;
    width: 49%;
    border: solid;
    height: 250px;

}
ul.grid li img{
    max-width: 40%;
    height: auto;
    margin: 0 0 10px;
}
ul.grid {
    list-style: none;
    font-size: 0px;
    margin-left: -2.5%;
}
ul.grid li {
    display: inline-block;
    padding: 10px;
    margin: 0 0 2.5% 2.5%;
    border 1px solid black;
    vertical-align: top;
    box-sizing: border-box;
}
ul.grid.columns-4 li{
    width:22.5%;
}