/* FOOTER */
.footer{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.footer h4{
    font-size: 21px;
    font-weight: 600;
    color: var(--footerBrand);
    margin-bottom: 10px;
}

.footer h4 span{
    font-weight: 900;
}

.footer .social {
    margin-bottom: 20px; 
}

.footer h5{
    font-weight: 600;
    color: var(--footerCopyright);
    margin-bottom: 10px;
}

@media only screen and (max-width: 1100px) {
    .footer h4{
        font-size: 18px;
    }
}

.social img {
    width: 80px;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: 0.3s;
}

.social img:hover {
    filter: grayscale(0%);
    opacity: 1;
    transition: 0.3s;
}

.footer-separator {
    width: 90%;
    height: 1px;
    background-color: #2e2e2e;
    margin: 50px auto 30px auto;
    opacity: 0.6;
}