.navbar-container {
    background: rgb(14, 14, 14);
    color: white;
}

.contact-container {
    height: 70vh;
    display: grid;
    grid-auto-columns: 1fr 1fr;
    grid-auto-flow: column;
    justify-items: center;
    align-items: center;
}

.social-menu {
    list-style: none;
    display: flex;
    gap: 2rem;
    padding: 0;
}

.social-menu li a {
    font-size: 1.5rem;
}

.image-container img {
    filter:invert()
}

.map-container iframe {
    width: 35vw;
    height: 50vh;
    align-self: right;
}

@media (max-width: 678px) {
    .contact-container {
        grid-auto-flow: row;
        height: fit-content;
    }

    .map-container iframe {
      width: 100%;
      height: 40vh;
    }
}