/* FOOTER */

.footer {
    background: #111318;
    color: #fff;
    padding: 50px 0 35px;
    border-top: 1px solid rgba(255, 255, 255, .06);

}

.footer-icon {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 20px;
    margin-top: 0;
}

.footer-icon-img {
    width: 20px;
    height: auto;
}

.footer-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}


/* BRAND */

.footer-inner>div:first-child {
    max-width: 360px;
}

.footer-inner > div:first-child p {
    margin: 0;
    max-width: 300px;
    font-size: .8rem;
    line-height: 1.7;
    color: #9DA3AA;
} 


.copyright-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #232731;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
}

.copyright-text {
    text-align: center;
    padding-top: 10px;
    font-size: 0.8rem;
}


.footer-inner>div:not(:first-child) b {
    display: block;
    margin-bottom: 15px;
    font-size: .85rem;
    font-weight: 500;
    letter-spacing: .08em;
    color: #fff;
}


/* LINKS */

.footer-inner>div:not(:first-child) a {
    display: block;
    width: fit-content;
    margin-bottom: 10px;
    font-size: .75rem;
    line-height: 1.4;
    color: #969CA4;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

.footer-inner>div:not(:first-child) a:hover {
    color: var(--burgundy);
    transform: translateX(3px);
}


/* CONTACT */

.footer-inner>div:last-child a:first-of-type {
    color: #C9CDD2;
}

.footer-inner>div:last-child a:first-of-type:hover {
    color: #8B1E3F;
}

.footer-inner>div:last-child a:last-child {
    color: #fff;
    font-weight: 600;
}

.footer-inner>div:last-child a:last-child:hover {
    color: #8B1E3F;
}


/* FOOTER RESPONSIVE */

@media (min-width: 768px) {

    .footer-inner {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (min-width: 1024px) {


    .footer-inner {
        grid-template-columns: repeat(4, 1fr);
    }

    .footer-inner > div:first-child p {
    font-size: .86rem;
} 

    .footer-inner>div:not(:first-child) a {
        font-size: .86rem;
    }

}