.footer {
    padding: 60px 10px;
    border-top: 1px solid #D9B761;
    background-color: #0D0D0D;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
    align-items: center;
    justify-items: center;
    border-bottom: 1px solid #D9B761;
    padding-bottom: 60px;
}
.f-logo a:hover {
    transform: scale(1.03);
}
.redes {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}
.redes a:hover {
    transform: rotate(15deg);
}
.f-links > div h4 {
    color: #D9B761;
    font-weight: 600;
}
.f-links > div a {
    color: #F2F2F2;
    font-size: 0.8rem;
}
.f-links > div a:hover {
    color: #D9B761;
}
.f-links > div:nth-child(2) {
    display: grid;
    gap: 15px;
}

.f-about {
    display: grid;
    gap: 25px;
}
.f-about p {
    color: #F2F2F2;
    font-size: 0.8rem;
}
.f-about h6 {
    color: #D9B761;
    font-weight: 600;
}
.f-about a {
    color: #D9B761;
    font-weight: 600;
}

.f-about a:hover {
    text-shadow: 0px 0px 10px #D9B761;
}

.base-menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    padding-top: 60px;
    color: #F2F2F2;
    font-size: 0.7rem;
}
.base-menu2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    padding-top: 0px;
    color: #F2F2F2;
    font-size: 0.7rem;
}
.base-menu a:hover {
    color: #D9B761;
}

@media only screen and (max-width:560px) {

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

@media only screen and (min-width:530px) and (max-width:800px) {

    .footer-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .f-logo {
        grid-column: 1/3;
        margin-bottom: 20px;
    }
    .f-links {
        text-align: center;
    }
    .f-about {
        text-align: center;
    }
}

@media only screen and (min-width:0px) and (max-width:529px) {

    .footer-grid {
        display: grid;
        grid-template-columns: 1fr ;
    }
    .f-logo {
        grid-column: 1;
        margin-bottom: 20px;
    }
    .f-links {
        text-align: center;
    }
    .f-about {
        text-align: center;
    }
}