body {
    background: linear-gradient(#000, #57955294), url(images/bg.png);
    margin: auto;
    font-size: 14px;
    line-height: 14px;
    font-family: 'Poppins', sans-serif;
      -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#book {
    background: url(images/book.png) no-repeat center;
    background-size: contain;
    width: 100%;
    height: 600px;
    margin: 40px 0px 0px;
}

#box {
    background:url(images/flower%20background.gif) no-repeat center;
    background-size:contain;
    width:600px;
    padding:135px 200px 150px 180px;  
    margin:50px auto 50px;
}

#box p {
    width:570px;
    height: 305px;
    text-align:justify;
    text-align-last: center;
    color:#fff;
    line-height:22px;
    font-weight:100;
    margin:0px 15px;
}

#cs {
    width:100%;
    height:50px;
    background:url(images/comingsoon.png) no-repeat center;
    background-size:contain;
    margin-bottom:50px;
}

#form {
    text-align:center;
    margin-bottom:50px;
}

#form h2 {
    font-family:'Merriweather', serif;
    text-transform:capitalize;
    font-size:32px;
    font-weight:100;
    line-height:32px;
    margin:0px 0px 30px;
    color:#b3fdbf;
}

form input, form button {
    border:none;
    padding:10px 15px;
    font-family:'Poppins', serif;
    margin:0px 5px;
    border-radius:5px;
    box-shadow:0px 0px 10px #253e296b;
    outline:none;
}

form button {
    cursor:pointer;
    color:#947226;
    background:#dcae45;
    font-weight:700;
}

form button:hover {
    color:#fff;
}

#msg p {
    padding:10px;
    box-shadow:0px 0px 10px #253e296b;
    color:#fff;
    background:#4caf50bf;
}

#msg p.warning {
    background:#ff5722cf;
}

@media(max-width:1023px){
    #box {
        background:none;
        position:relative;
        width:auto;
        padding:120px 0px 110px;
    }

    #box:before, #box:after {
        content:'';
        position:absolute;
        left:0px;
        right:0px;
        top:0px;
        height:100px;
        background:url(images/flower%20background.gif) no-repeat top;
        background-size:670px;
    }

    #box:after {
        top:auto;
        bottom:0px;
        background-position-y:bottom;
        height:90px
    }

    #box p {
        width:auto;
        height:auto;
    }
}

@media(max-width:767px) {
    #book {
        height: 400px;
    }
}

@media(max-width:669px) {
    #box:before, #box:after {
        background-size:500px;
        height:75px;
    }

    #box:after {
        height:69px;
    }

    #box {
        padding:90px 0px 85px;
    }

    #cs {
        height:40px
    }
}

@media(max-width:499px) {
    #box:before, #box:after {
        background-size:400px;
        height:60px;
    }

    #box:after {
        height:55px;
    }

    #box {
        padding:70px 0px 65px;
    }

    #cs {
        height:30px;
    }

    #book {
        height:300px;
    }

    #form input {
        display:block;
        margin:0px auto 10px;
    }
}

@media(max-width:399px) {
    #box:before, #box:after {
        background-size:300px;
        height:45px;
    }

    #box:after {
        height:40px;
    }

    #box {
        padding:55px 0px 50px;
    }
    #book {
        height:200px;
    }
}