@media screen and (max-width: 855px) {

    #contact-container {
        margin-top: 30px;
    }

    #bol1 {
        top: -450px;
        left: -450px;
        height: 900px;
        width: 900px;
    }

    #bol2 {
        bottom: -450px;
        right: -450px;
        height: 900px;
        width: 900px;
    }

}



@media screen and (max-width: 738px) {

    #contact-container {
        margin-top: 30px;
        width: max-content;
        padding: 25px;
    }

    form {
        height: fit-content;
    }

    .contact-pair {
        flex-direction: column;
        gap: 0;
    }

    .contact-pair div {
        display: flex;
        flex-direction: column;
    }

    input[type=text],
    input[type=email] {
        width: 95%;
        font-size: 14px;
    }

    .contact_line {
        width: 100%;
    }

    .contact-message textarea {
        width: 95%;
        height: 20em;
    }

    #contact-subject {
        flex-direction: column;
        align-items: flex-start;
    }

    #subject {
        margin-left: 0;
    }
}