/** footer styles */

footer {
    height: var(--footer-height);
    background-image: url('../images/footer.png');
    background-size: auto;
    background-position: left;
    border: 1px solid var(--secondary-color);
    border-radius: var(--box-border-radius);
    color: var(--primary-color);
    padding: 0px;  
    margin: 16px;
    @media (max-width: 768px) {
        padding: 0px; /* Adjust the padding for smaller screens */
        margin: 8px; /* Adjust the margin for smaller screens */
    }
    
}