body {
    padding:0;
    margin:0;
    font-family:sans-serif;
    background:url('/img/bg-2.jpg');
    background-size :cover;
    background-repeat:no-repeat;
}

.box {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:400px;
    padding :40px;
    background:rgba(0,0,0,0.8);
    box-sizing:border-box;
    box-shadow :0 15px 25px rgba(0,0,0,0.5);
    border-radius:2px;
}

    .box h2 {
        margin:0 0 30px;
        padding:0;
        color:#fff;
        text-align:center; 
    }

    .box .inputbox {
    position:relative;

    }

    .box .inputbox .input {
        width :100%;
        padding:10px 0;
        font-size :16px;
        color:#fff;
        letter-spacing :1px;
        margin-bottom:30px;
        border :none;
        border-bottom:1px solid #fff;
        outline:none;
        background:transparent;
       
    }

        .box .inputbox label {
            position:absolute ;
            top:0;
            left:0;
            padding:10px 0;
            font-size :16px;
            color:#fff;
            pointer-events:none;
            transition:0.5s;
           
        }

        .box .inputbox .input:focus ~ label,
        .box .inputbox .input:valid ~ label {
            top :-18px;
            left:0;
            color: #03a9f4;
            font-size:12px;
        }


    .box .BtnSubmit {
        background:transparent;
        border:none;
        outline:none;
        color:#fff;
        background:#03a9f4;
        padding:10px 20px;
        cursor:pointer;
        border-radius:5px;
      }

@media (max-width:991px) {

    body {
        padding:0;
        margin:0;
        font-family:sans-serif;
        background:url('/img/bg-2.jpg');
        background-size:auto;
        background-repeat:repeat;
    }

    .box {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:300px;
        padding :40px;
        background:rgba(0,0,0,0.8);
        box-sizing:border-box;
        box-shadow :0 15px 25px rgba(0,0,0,0.5);
        border-radius:10px;
}

    .box .BtnSubmit {
        background:transparent;
        border:none;
        outline:none;
        color:#fff;
        background:#03a9f4;
        padding:10px 20px;
        cursor:pointer;
        border-radius:5px;
        width :100%;
        margin-bottom :5px;
      }

        .box a {
         background:transparent;
        border:none;
        outline:none;
        color:#fff;
        background:#03a9f4;
        padding:10px 20px;
        cursor:pointer;
        border-radius:5px;
        width :100%;
        margin-bottom :5px;
        }

}