#contact {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#contact .container {
    height: 100%;
}

#contact header {
    display: flex;
    align-items: center;
    height: 60px;
}

#contact section {
    display: flex;
    align-items: flex-start;
    height: calc(100dvh - 60px);
    width: 100%;
    gap: 2rem;
}

#contact #contact_image img {
    width: 100%;
    border-radius: .25rem;
}

#contact .contact_item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid #6c757d;
    padding: 0.5rem;
    width: 100%;
    border-radius: .25rem;
}

#contact #contact_content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (max-width: 767px) and (orientation: portrait) {
    #contact .row {
        flex-direction: column;
        gap: 1rem;
    }

    #contact section {
        flex-direction: column;
        gap: 0.4rem;
    }

    #contact #contact_content {
        width: 100%;
        padding-bottom: 2.8rem;
    }

    #contact .contact_item {
        flex: 1;
    }
}

@media (max-width: 992px) and (orientation: portrait) {
    #contact section {
        flex-direction: column;
        gap: 0.4rem;
    }

    #contact #contact_content {
        /* width: 100%; */
        padding-bottom: 2.8rem;
    }

    #contact .contact_item {
        /* flex-direction: column; */
        /* flex: 1; */
    }
}

#contact .contact_info {
    display: flex;
    gap: 1rem;
}

#contact .contact_info_profile {
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) {
}