@media screen and (max-width: 684px) {
    .ordered-mess-wrapper {
        font-size: 12px;
    }

    article .container {
        padding: 0 15px;
    }

    #order_form button,
    .ord_button {
        font-size: 16px;
    }
    h1 {
        margin-bottom: 15px;
        font: bold 1.7rem/1.2 "Lora", serif;
        color: #292929;
    }

    h2 {
        font: normal 1.2rem/1.5 "Roboto", sans-serif;
        color: red;
        margin: 15px 0;
    }

}