footer {
    display: grid;
    grid-template-columns: 2fr 1fr 3fr;
    padding: 2% 0;
    column-gap: 1rem;
    background: linear-gradient(#ebf4f5, #b5c6e0);
}

.footer-logo {
    padding-right: -5%;
}

.footer-logo img {
    width: 50%;
    margin: 10% 17.5%;
}

.footer-contact-us-part h5 {
    color: var(--theme-dark-purple);
    font-size: 1.75rem;
    font-family: var(--spartan-font);
    font-weight: 500;
}

.footer-sponsors-part h5 {
    color: var(--theme-dark-purple);
    font-size: 1.75rem;
    font-family: var(--spartan-font);
    font-weight: 500;
}

.img-sponsors-box {
    padding: 1% 0 0 1%;
    /* background-color: var(--theme-light-blue); */
}

.img-sponsors-box img {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    footer {
        grid-template-columns: 2fr 1fr;
    }

    .footer-logo img {
        width: 40%;
        margin: 0 30%;
    }
}

@media screen and (max-width: 768px) {
    .footer-logo img {
        width: 50%;
        margin: 0 25%;
    }
}

@media screen and (max-width: 414px) {
    footer {
        grid-template-columns: 1fr;
    }

    .footer-contact-us-part {
        margin: 0 10%;
        width: 80%;
        text-align: center;
    }

    .footer-sponsors-part {
        margin: 0 10%;
        width: 80%;
        text-align: center;
    }
}


svg.linkedin-logo, svg.instagram-logo, svg.twitter-logo, svg.mail-logo {
    width: 48px;
    height: 48px;
    margin: 2%;
    fill: var(--theme-dark-purple);
    transition: fill 200ms ease;
    cursor: pointer;
}

svg.linkedin-logo:hover, svg.instagram-logo:hover, svg.twitter-logo:hover, svg.mail-logo:hover {
    fill: var(--theme-light-purple);
}