*
{
    
}
.ptab
{
    display:table;
    font-size:50px;
    color:Red;
}
.prow
{
    display:table-row;
}
.pcell
{
    display:block;
}
.pcel
{
    
}


.pimg
{
    max-width:100%;
    height:100%;
    width:100%;
    
    border-radius:20px;
    border:2px solid white;
    box-shadow: 0px 0px 0px 12px blue inset;
        box-sizing: border-box;
}

.col {
    color: blue;
    text-align:center;
    margin:5% 5% 5% 5%;

}
@media (max-width: 800px)
{
.co 
{
    margin:5% 5% 5% 5%;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: [col] 50% [col] 50% ;
    grid-template-rows: [row] auto [row] auto [row] ;
    color: #444;
}
.a
{
    color:#ff0024;
    background-color:White;
    text-align:center;
    border:2px groove #ff0024;
    border-radius:15px;
    grid-column: col 1/span 2;
    grid-row: row 2 ;
    font-size:28px;
    font-family:Arial black;
}
.b {
    grid-column: col 1;
    grid-row: row 3 ;
}
.c {
    grid-column: col 2;
    grid-row: row 3;
}
.d {
    grid-column: col 1 ;
    grid-row: row 4;
}
.e {
    grid-column: col 2 ;
    grid-row: row 4;
}
.n
{
    grid-column: col 1/span 2;
    grid-row: row 9 ;
     color:#ff0024;
    background-color:White;
    text-align:center;
    border:2px groove #ff0024;
    border-radius:15px;
    font-size:28px;
    font-family:Arial black;
}
.z
{
    grid-column:col 1/span 2;
    grid-row:row;
}
.z1
{
    width:auto;
    max-width:80%;
    height:auto;
    margin:0% 10% 0% 10%;
    padding:auto;
}
}

@media (min-width: 800px)
{
    .co 
{
    margin:5% 10% 5% 10%;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: [col] 25% [col] 25% [col] 25% [col] 25%  ;
    grid-template-rows: [row] auto [row] auto [row] ;
    color: #444;
}
.a
{
    color:#ff0024;
    background-color:White;
    text-align:center;
    border:2px groove #ff0024;
    border-radius:15px;
    grid-column: col 1/span 4;
    grid-row: row 2 ;
    font-size:40px;
    font-family:Arial black;
}
.b {
    grid-column: col 1;
    grid-row: row 3 ;
}
.c {
    grid-column: col 2;
    grid-row: row 3;
}
.d {
    grid-column: col 3 ;
    grid-row: row 3;
}
.e {
    grid-column: col 4 ;
    grid-row: row 3;
}
.n
{
    grid-column: col 1/span 4;
    grid-row: row 6 ;
     color:#ff0024;
    background-color:White;
    text-align:center;
    border:2px groove #ff0024;
    border-radius:15px;
    font-size:40px;
    font-family:Arial black;
}
.z
{
    grid-column:col 1/span 4;
    grid-row:row;
    margin:auto;
}
.z1
{
    width:auto;
    max-width:90%;
    height:auto;
    margin:5%;
    padding:auto;
}
    
}