footer {
    padding: 80px 80px 0 80px;
}

.footer-container {
    width: 100%;

    border-radius: var(--border-radius) var(--border-radius) 0 0;

    background-color: var(--primary-color);

    display: flex;
    justify-content: space-between;
    gap: 160px;

    padding: 80px;
}

.footer-textual {
    width: calc(50% - 80px);

    display: flex;
    flex-direction: column;
    gap: 40px;
}

.footer-textual > .c-heading {
    width: max-content;

    color: #FFFFFF;
}

.footer-textual > .footer-social-media-heading {
    position: relative;
}

.footer-textual > .footer-social-media-heading > span {
    width: max-content;

    border-radius: var(--border-radius);

    color: #FFFFFF;
    background-color: var(--secondary-color);

    padding: 0 10px;

    transform: rotate(-20deg);

    position: absolute;

    top: -20px;
    left: calc(100% - 15px);
}

.footer-contact {
    width: max-content;

    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-contact > .c-subheading,
.footer-contact > span {
    color: #FFFFFF;
}

.footer-social-media-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-social-media-link {
    width: max-content;
    
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-social-media-icon {
    width: 14px;
}

.footer-social-media-link > span {
    color: #FFFFFF;
}

.footer-textual > span,
.footer-textual > span > a {
    color: #FFFFFF;
}

.footer-visuals {
    width: calc(50% - 80px);

    display: flex;
    align-items: center;
}

.footer-visuals > img {
    width: 100%;
}

@media only screen and (max-width: 1000px) {
    .footer-container {
        flex-direction: column;
        gap: 40px;
    }

    .footer-textual {
        width: 100%;
    }

    .footer-visuals {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    footer {
        padding: 40px 40px 0 40px;
    }

    .footer-container {
        padding: 40px;
    }
}