section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-information {
    display: grid;
    grid-template-columns: min-content 1fr;
    gap: 8px 12px;

    > .text-bold{
        white-space: nowrap;
    }

    > span:not(.text-bold) {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }
}

@media screen and (max-width: 520px) {
    .contact-information {
        > .text-bold {
            white-space: wrap;
        }
    }
}