.footer {
    margin-top: auto; /* Pushes footer to the bottom of .main-wrapper when content is short */
    width: 100%; /* Auto side margins from .container stop flex items stretching */
    padding: 0 var(--grid-col-inline-margin) var(--grid-col-inline-margin);
}

.footer-inner {
    background-color: var(--azure-600);
    padding: 20px var(--grid-col-inline-margin);
    border-radius: var(--corner-radius-sm);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.footer-inner p {
    color: var(--copyright);
}

@media (max-width: 1250px) {
    .footer-inner {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .footer-inner {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }

    .footer-inner p {
        margin-top: 20px;
    }
    
    .footer-inner p span {
        display: block;
    }

    
}