/* footer */
    #footer {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        gap: 30px;
        padding: 30px;
        background-image: linear-gradient(to top, #333, black);
        font-family: "Fredoka", sans-serif;
    }

    @media (max-width: 1300px) {
      #footer {
        flex-direction: column;
        justify-content: center;
     }
}

    #socialMedia {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    #footerDocs {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }
    #footerDocs a {
        color: white;
        font-family: "Fredoka", sans-serif;
        font-size: 14px;
    }

    .smIcons {
        width: 30px;
        cursor: pointer;
    }

    #wrapperlogoFooter {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 10px;
    }

    #logoFooter {
        width: 60px;
        display: block;
    }

    #footer h3 {
        color: white;
        font-weight: 400;
        margin: 0;
    }

    #footer span {
        color: white;
        font-size: 14px;
        font-weight: 400;
    }