#social-media-header-container {
    width: 100%;
    background-color: var(--blue-background-gray);
    display: grid;
    grid-template-columns: 25% 15% 60%;
    align-items: center;
}

#social-media-header-container .phone-button {
    margin-left: 50px;
}

#social-media-buttons-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

@media (max-width: 1450px) and (min-width: 1101px) {
    #social-media-buttons-container {
        margin-left: 100px;
    }
}

@media (max-width: 1100px) {
    #social-media-header-container {
        grid-template-columns: auto;
        grid-template-rows: repeat(3, auto);
        justify-content: center;
    }

    #social-media-buttons-container {
        grid-template-columns: auto;
        grid-template-rows: repeat(4, auto);
        justify-content: center;
    }
}