.booking_detail_form{
    width: 100%;
    padding: 2%;
}

    .booking_detail_form h1{
        width: 30vw;
        margin: 0 auto;
        color: #263238;
    }

    .booking_detail_form_container{
        width:35vw;
        margin: 4.5vh auto;
        padding: 0.7%;
        padding-top: 3%;
        box-shadow: 0 4px 18px 0 black;
        box-sizing: border-box;
        background:url("../images/form_bg.jpg") ;
        background-size: cover;
        background-position: top;
        position: relative;
        z-index: 0;

    }

        .booking_detail_form_container_bg_overlay{
            background-color: rgba(0,0,0,0.1);
            position: absolute;
            height: 100%;
            width: 100%;
            top:0;
            left: 0;
            z-index: 1;
        }

        .booking_detail_form_container form{
            #opacity: 0;
            position: relative;
            z-index: 2;
        }
        .booking_detail_form_container h2{
            #color: #9E9E9E;
            color:white;
            font-weight: 300;
            font-size: 2em;
            padding-bottom: 5%;
        }



        .booking_detail_form_container label{
            #color: #9E9E9E;
            color: white;
            font-weight: 500;

        }

        .booking_detail_form_container input{
            width: 98%;
            height: 4.5vh;
            margin:4px auto 2vh auto;
            border: none;
            background-color: rgba(255,255,255,0.3);
            border-bottom: 1px solid white;
            font-size: 0.9em;
            font-weight: 600;
            padding-left: 2.5%;
            color: #212121;
        }

            .booking_detail_form_container input:focus{
                outline-color:white;
            }

            .booking_detail_form_container input[type = submit]{
                min-height: 7vh;
                border: 2px solid white;
                background-color: rgba(0,0,0,0.1);
                color:white;
                margin-top: 5vh;
                font-size: 1.2em;
                font-weight: 100;
            }

            .mail_message{
                font-size: 2em;
                text-align: center;
                margin: 15vh auto;
            }

@media screen and (max-width: 786px){
    .booking_detail_form_container{
        width:75vw;
    }

    .booking_detail_form h1{
        width: 60vw;
        font-size: 4em;
        padding-top: 5vh;
        margin: 0 auto;
    }
}

@media screen and (max-width: 480px){
    .booking_detail_form_container{
        width:99vw;
    }

    .booking_detail_form h1{
        width: 99vw;
    }
}