@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');

body {
    padding: 0;
    margin: 0;
    font-size: 21px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important
}

.btn-warning{
    background:#e77e22 !important;
    color:white !important;
    border:1px solid #e77e22 !important
}

.btn-warning:hover{
    background:#f69138 !important;
    color:white !important
}

.bgdiv-inner {
    height:100vh;
    background: rgba(0,0,0,0.57);
}

    .bgdiv-inner h1 {
        text-align: center;
        color: white;
        font-size: 30px;
        margin-bottom: 10px;
        /*text-shadow: 1px 1px 1px black;*/
        margin-top:0px;
        padding-top:20px
    }


    .bgdiv-inner .logo{
        padding-top:120px
    }


    .btn{
        text-transform:uppercase;
        font-size:23px;
        padding:10px 10px !important;
        width:200px;
        font-weight:500;
        margin:10px 10px !important
    }

    footer{
        position:fixed;
        bottom:0px;
        text-align:center;
        width:100%
    }

    @media(max-width:767px)
    {
        .bgdiv-inner h1{
            font-size:20px
        }

        .bgdiv-inner .logo
        {
            padding-top:100px !important
        }


    }