.sponsors {
    position: relative;
    z-index: 10;
    padding: 5vw;
}
.sponsors__content {
    position: relative;
    width: 25vw;
    margin-right: 10vw;
}
.sponsors__content--right {
    margin-right: 0vw;
    margin-left: 10vw;
}
.sponsors__title {
    margin-top: 0;
    color: white;
    font-size: clamp(1.3rem, 1.9vw, 3.75rem);
    font-family: "Xanh Mono", monospace;
    font-weight: 400;
    text-transform: uppercase;
}
.sponsors__text {
    font-family: 'Mona Sans';
    font-weight: 400;
    font-style: regular;
    font-size: clamp(1.1rem ,1.45vw, 2.125rem);
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
}

.sponsors__row {
    display: flex;
}

.sponsors__row--border {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.sponsors__lines {
    flex-grow: 2;
    text-align: center;
}

.sponsors__lines--alot {    
    padding: 1.5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.5vw;
}

.sponsors__lines--alot .sponsors__link {    
    /* padding: 3.5vw; */
}

.sponsors__line {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    padding: 3.5vw;
    align-items: center;
    justify-content: space-around;
}

.sponsors__line--no-border {
    border-top: 0px solid transparent;
}

.sponsors__link {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.sponsors__link img {
    max-width: 15vw;
    max-height: 10vw;
}

.sponsors__lines--alot  .sponsors__link img{    
    max-height: 6.5vw;
    
}

.sponsors__img-container {
    position: absolute;
    left: -5vw;
    right: 0;
    bottom: 2.5vw;
    top: 2.5vw;
    width: 35vw;
    overflow: hidden;
}

.sponsors__img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sponsors__label {
    font-family: "Mona Sans";
    font-weight: 400;
    font-size: clamp(0.625rem ,0.729vw, 1.25rem);
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 30%;
    text-align: center;
    text-transform: uppercase;
}

.sponsors__name {
    font-family: 'Mona Sans';
    margin-top: 0.4vw;
    font-weight: 700;
    font-size: clamp(0.8rem ,0.9vw, 1.875rem);
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;

}
.sponsors__link .uqam {
    padding: 2vw;
    max-width: 24vw;
}  
@media (max-width: 768px) {
    .sponsors__row {
        flex-direction: column;
    }
    .sponsors__content {
        width: 80%;
    }
    .sponsors__lines--alot {    
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 3vw;
    }
    .sponsors__content--right {
        height: 60vw;
        width: 85vw;
    }
    .sponsors__img-container {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10vw;
        top: 10vw;
        width: unset;
        overflow: hidden;
    }

    .sponsors__link img {
        max-width: 40vw;
        max-height: 21vw;
    }
    .sponsors__link .uqam {
        max-width: 50vw;
        padding: 6vw;
    } 
    .sponsors__lines--alot  .sponsors__link img{    
        max-width: 30vw;
        max-height: 21vw;
    }
    .sponsors__line {
        flex-wrap: wrap;
    }
}