.footer{
    /* margin-top:3rem; */
    padding-top:3rem;
    border-top:1px solid rgb(210, 210, 210);
    text-align:center;
    background-color:white;
}


.socials{
    margin-top:1rem;
    display:grid;
    display:-ms-grid;
    display:-moz-grid;
    grid-template-columns: max-content max-content max-content max-content;
    grid-template-rows:auto;
    justify-content:center;
}

.social{
    width:35px;
    height:35px;
    margin:0.5rem;
}

.social img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.social:hover{
    cursor:pointer;
}

.footerNavigation{
    display:grid;
    display:-ms-grid;
    display:-moz-grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: space-between;
    width:90%;
    margin:3rem auto 3rem auto;
}

@media (min-width:668px) and (max-width:968px){
    .footerNavigation{
        grid-template-columns:50% 50%;
    }
}

@media (max-width:668px){
    .footerNavigation{
        grid-template-columns:auto;
        justify-content:center;
    }
    .footerNavigation > div{
        margin-bottom:2rem;
    }
    .footer > p{
        font-size:1rem;
    }
}
.footerNavigation > div{
    text-align:center;
}

.footerNavigation > div > a{
    display:block;
    padding:0.5rem 1rem;
}

.footerNavigation > div > h2{
    margin-bottom:1.5rem;
}

.footer > p {
    background-color:rgba(0, 0, 0, 0.9);
    color:rgba(255, 255, 255, 0.6);
    padding:0.5rem;
    text-align:center;
}

@media (max-width:425px){
    .footerNavigation{
        grid-template-columns:auto;
    }
}
