.social-feed .headline {
    grid-area: 1/2/1/span 12;
}

.social-feed .social-nav {
    grid-area: 2/3/2/span 5;
    gap: max(12px, 0.78125vw);
}

.social-feed .highlight-sm:not(.text-icons) {
    grid-area: 2/8/2/span 5;
    transform: rotate(-5deg);
}

.social-feed .social-feed-container {
    grid-area: 3/3/3/span 10;
}

@media (max-width: 991.98px) {
    .social-feed .social-nav {
        grid-area: 2/2/2/span 6;
    }

    .social-feed .highlight-sm:not(.text-icons) {
        grid-area: 2/8/2/span 6;
    }

    .social-feed .social-feed-container {
        grid-area: 3/2/3/span 12;
    }
    
    .social-feed .nill-social-feed.col-5 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .social-feed .highlight-sm:not(.text-icons) {
        grid-area: 2/2/2/span 12;
        margin-top: var(--m-50);
        justify-self: center;
    }

    .social-feed .social-nav {
        grid-area: 3/2/3/span 12;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: var(--m-50);
    }

    .social-feed .social-nav .text-icons {
        width: 100%;
        text-align: center;
    }


    .social-feed .social-feed-container {
        grid-area: 4/2/4/span 12;
        margin-top: var(--m-small);
    }
}

@media (max-width: 575.98px) {
    .social-feed .nill-social-feed.col-5 {
        grid-template-columns: minmax(0, 1fr);
    }
}