.footer-grid {
    background: url(/img/footer.webp) no-repeat center center;
    background-size: cover;
    margin-top: 100px;
}

.footer {
    padding-top: 80px;
    padding-bottom: 80px;
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
}

.footer-nav{
    max-width: 300px;
}

.footer-nav-menu {
    color: #fff;
    max-width: 300px;
}

.footer-nav-menu h4{
    margin-bottom: 20px;
}

.footer-nav-menu a {
    font-size: 0.9rem;
    opacity: .9;
}


.footer-nav-menu a:hover {
    opacity: 1;
}

.footer-nav-menu a + a{
    margin-top: 5px;
}

.footer-hour {
    color: #fff;
}

.footer-hour h4{
    margin-bottom: 20px;
}

.footer-hour p{
    opacity: .9;
    margin-bottom: 5px;
}

.copy {
    background: #C51515;
    padding: 20px 0px;
    color: #fff;
    text-align: center;
}

.footer-social {
    margin-top: 30px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 40px 40px 40px;
    justify-content: center
}

.footer-social a{
    opacity: .85;
}
.footer-social a:hover{
    opacity: 1;
}

@media only screen and (min-width: 651px) and (max-width: 855px){
    .footer {
        grid-template-columns: 1fr 1fr;
    }
    
}

@media only screen and (max-width: 650px){
    .footer {
        grid-template-columns: 1fr ;
        margin-left: auto;
        margin-right: auto;
    }
    
}