#contact .path {
    color: var(--color-black);
}
#contact h2 {
    color: var(--color-black);
    text-transform: uppercase;
}
#contact .content {
    display: flex;
    gap: clamp(20px, 3.4vw, 46px);
}
#contact .content>div {
    max-width: 350px;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    font-size: var(--font-size-small);
}
#contact .content>div p {
    margin-bottom: 0;
}
#contact .content section {
    display: flex;
    flex-direction: column;
}
#contact .content section span {
    font-family: var(--font-pixel);
}
#contact h3 {
    letter-spacing: 1px;
    font-size: var(--font-size-small);
    margin: 0;
    text-transform: uppercase;
}
#contact .link-btn {
    color: var(--color-blue);
}
@media (max-width: 750px) {
    #contact .content {
        flex-direction: column;
    }
    #contact form {
        max-width: 100%;
    }
    #contact .content>div {
        max-width: 100%;
        flex-wrap: wrap;
        flex-direction: initial;
        justify-content: space-between;
    }
    #contact .content>div p {
        width: 100%;
    }
}