/*GRID STYLES*/

.grid_wrapper {
        display: grid;
   grid-template-columns: auto;
    grid-template-areas: "grid" "footer";
   
}

.grid {
            display: grid;

    grid-area: grid;
    grid-template-columns: auto ;
        grid-gap: 1rem;
         padding-right:1rem;
         padding-bottom:20rem;
         grid-auto-flow: row dense;

}

.footer {
    grid-area: footer;
}


.card p{
     margin-top: 0;
     font-size:.8em;
}

.card p sup{
         line-height: 1.1em;
         display: inline-block;

}

.card a{
     text-decoration:none;
  color:black;
}




/* desktop */
@media only screen and (min-width: 743px) {

.grid {
    grid-template-columns: 1fr 1fr;
  padding-right:5rem;
}

}

/* tablet */
@media only screen and (min-width: 1250px) {

.grid {
    grid-template-columns: 1fr 1fr 1fr;
  padding-right:20rem;
}

}