body{
    background-color: black;
    background-image: url('../images/demorequest.png');
    background-size: 1920px 938px;
    background-repeat: no-repeat;
    min-width: 1400px;
    /* height: 900px; */
    min-width: 390px;
}

.inpbox {
    width: 293px;
    margin-left: 0px;
    background-color: #E4E4E4;
    border: none;
}

.lab1 {

    font-family: 'Segoe UI';
    font-size: 18px;
}


@media screen and (min-width: 1400px) and (max-width: 1599px) {
    body {
        background-size: 1599px 938px;
    }
h1, p {
    margin-left: -50px;
}
}


@media screen and (min-width: 1400px) and (max-width: 1469px) {

    h1, p {
        margin-left: -50px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {

    body {
        background-size: 1399px 938px;
    }

    h1, p {
        margin-left: -50px;
        transform: scale(0.9,0.9);
    }
    .card {
        transform: scale(0.8,0.8);
        margin-left: -30px !important;

    }
}    


@media screen and (min-width: 360px) and (max-width: 575px) {

    body {
        background-size: 575px 100%;
    }

    h1, p {
        display: flex;
        justify-content: center;
        transform: scale(0.9,0.9);

        width: 400px !important;
    }
    .card {
        transform: scale(0.8,0.8);
        width: 400px !important; 
        
        
    }

    .lab1 {
        margin-left: -10px !important;
        font-size: 16px !important;
        width: 300px;
    }

    .inpbox {
        width: 180px;
        margin-left: 30px !important;
    }

    #btnsm {
        margin-left: 230px !important;
    }

}