.reservation{
    background-color:#1c1c1c;
    padding:40px;
    margin-bottom:80px;
}
.reservation label{
    display:block;
    width:100%;
    color:#FFFFFF;
    margin-bottom:20px;
}
.reservation input,.reservation select,.reservation option,.reservation textarea{
    width:100%;
    padding:10px;
    background-color:#FFFFFF;
    border:none;
}
.form-room > select{
  padding:10px;
  width:100%;
  text-transform: uppercase;
  -webkit-appearance: none;
  border-radius: 0;
}
.no-webp .form-room > select{
    background:url(../img/arrow_combobox.png) #FFF no-repeat 99%;
}
.webp .form-room > select{
    background:url(../img/arrow_combobox.webp) #FFF no-repeat 99%;
    border:none;
}
.form-name , .form-number, .form-ck_in, .form-ck_out, .form-room, .form-email, .form-phone, .form-requirement{
    margin-bottom:30px;
}
.btn_clear{
    border:none;
    width:230px;
    margin:0 auto;
    display:block;
}
@media(min-width:31.25rem)/* 500px */
{
    .form-name , .form-number, .form-ck_in, .form-ck_out, .form-room, .form-email, .form-phone, .form-requirement{
        margin-bottom:0;
    }
    .form-name {
        grid-area: name;
    }
    .form-number {
        grid-area: number;
    }
    .form-ck_in {
        grid-area: ck_in;
    }
    .form-ck_out {
        grid-area: ck_out;
    }
    .form-room {
        grid-area: room;
    }
    .form-email {
        grid-area: email;
    }
    .form-phone {
        grid-area: phone;
    }
    .form-requirement {
        grid-area: requirement;
    }
    .btn_link {
        grid-area: btn;
    }
    #contact_form-alert{
        grid-area: alert;
    }

    .reservation{
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 50px 50px;
        grid-template-areas: 
    "name number"
    "ck_in ck_out"
    "room room"
    "email phone"
    "requirement requirement"
    "alert alert"
    "btn btn";
    }
}

@media(min-width:74.5625rem){  /* 1193px */

    .reservation{
        margin-right:var(--main-padding);
        margin-left:var(--main-padding);
    }
}