form {
    width: 100%;
    max-width: 500px;
    margin-bottom: 2em;
}

form input,
form textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    resize: none;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    font-family: Oswald-Light, sans-serif;
    outline: none;
}

form input[type=submit] {
    appearance: none;
    cursor: pointer;
    padding: 0.5em 0;
    border-radius: 0;
    background-color: #6A1B0D;
    color: ghostwhite;
    font-size: 24px;
    font-family: Oswald-SemiBold, sans-serif;
}

form input.error,
form textarea.error {
    background: #f90;
}

form .message {
    font-size: 18px;
    text-align: center;
    color: black;
    font-family: Oswald-Light, sans-serif;
}

form .message.ok,
form .message.error {
    margin: 20px 0;
    padding: 8px 12px;
}

form .message.ok {
    background-color: lightgreen;
}

form .message.error {
    background-color: #f90;
}

form .input-error-message {
    color: #f90;
    padding: 6px 0;
    margin-bottom: 1em;
    font-size: 18px;
    font-family: Oswald-Regular, sans-serif;
}

/* input[type=submit].disabled {
    cursor: not-allowed;
    background-color: #fff3;
    background-color: #6A1B0D66;
    color: #fff3;
} */

select {
    appearance: none;
    border-radius: 0;
    border: 0;
    font-size: 18px;
    font-family: Oswald-Light;
}

.price {
    margin: 10px 0;
    font-size: 24px;
    font-family: Oswald-Regular;
    color: whitesmoke;
}

.price.total {
    color: gold;
}

@media only screen and (max-width: 768px) {
    form input,
    form textarea {
        font-size: 16px;
        padding: 6px 8px;
    }

    form .input-error-message {
        margin-bottom: 1em;
        font-size: 16px;
    }

    form input[type=submit] {
        font-size: 20px;
    }

    .price{
        font-size: 22px;
    }
}