.footer {
    margin-top: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #f5f5f5;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.footer-grid-section {
    display: grid;
    row-gap: .5rem;
    height: min-content;
    font-size: 1.2rem;
}

.footer-grid-section a {
    color: #757575;
    cursor: pointer;
}

footer .copyright {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.2rem;
    background-color: white;
}


footer {
    bottom: 0px;
}


/* Small devices such as large phones (640px and up) */
@media screen and (max-width: 48em) {
    .footer-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 2rem;
    }
 }
   
/* Medium devices such as tablets (768px and up) */
@media screen and (min-width: 48em) {
    
}
   
/* Large devices such as laptops (1024px and up) */
@media screen and (min-width: 64em) {
    .footer-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
 }
   
/* Largest devices such as desktops (1280px and up) */
@media screen and (min-width: 80em) {
     
 }