.contact-container {
    min-height: 5em;
    width: min(782px, 55.85vw);
    margin: 4em auto;
}
.form-item {
    width: 100%;
    margin-bottom: 2em;
}
.form-item > label {
    display: block;
    font-weight: bold;
    font-size: min(18pt, calc(5.55pt + 1.11vw));
    letter-spacing: 0.08em;
    margin-bottom: min(9px, 0.64vw);
}
.form-item > input {
    font-size: min(18pt, calc(5.55pt + 1.11vw));
    line-height: 1.3em;
    height: 1.3em;
    width: 100%;
    padding: 0.2em 0.5em;
}
.form-item > textarea {
    font-size: min(18pt, calc(5.55pt + 1.11vw));
    height: calc( 1.3em * 10 );
    width: 100%;
    line-height: 1.3;
    padding: 0.2em 0.5em;
}
.form-submit {
    text-align: center;
}
.form-submit > button{
    color: #ffffff;
    display: inline-block;
    font-size: min(18pt, calc(5.55pt + 1.11vw));
    box-shadow: none;
    border-radius: min(30px, 2.14vw);
    padding: 0.5rem 3em;
    text-align: center;
    background: linear-gradient(90deg, rgba(49,0,32,1) 0%, rgba(49,0,32,1) 47.23%, rgba(49,0,32,0.5) 100%);
    cursor: pointer;
    letter-spacing: 0.2em;
}
.contact-container p{
    font-size: min(18pt, calc(5.55pt + 1.11vw));
    text-align: center;
    line-height: 1.5;
    margin: 3em 0;
}

@media screen and (max-width: 768px){
    .contact-container {
        width: 80vw;
    }
    
    .form-item > label, .form-item > input, .form-item > textarea, .form-submit > button{
        font-size: min(18pt, calc(9pt + 1.8vw));
    }
}