:root {
    --light: white;
    --medium: #D3D3D3;
    --darker: #a5a5a5;
    --border: #c9c9c9;
    --background_color: #8ea04d;
    --bgcol: #e5c8cd;

}

a > img {
    max-width: 100%;
    max-height: 100px;
    cursor: pointer;
}
.parTable {
    display: grid;
    max-width: 1260px;
    margin:-1rem auto 1rem auto;

}
.singlePar:hover{
    background-color: var(--bgcol);
    /* background-color: rgba(206, 206, 206, 0.2); */
}
.singlePar{
    text-align: center;
    margin: 1rem 1rem 1rem 1rem;
    display: grid;
    border: solid 1px var(--bgcol);
    border-radius: 30px;
    padding: 1rem;
   
}
.singlePar span, .singlePar a{
    display: grid;
    justify-content: center;
    align-self: center;
    margin: 0.5rem;
}




@media screen and (min-width: 630px) {

.singlePar{
    max-width: 550px;
}
.parTable{
    justify-content: center;
}
}

@media screen and (min-width: 1100px){

.parTable {
        grid-template-columns: 1fr 1fr;
}
.singlePar{
    max-width: none;
}

}