@media screen and (min-width: 640px) {
    #header {
        width:480px;
        margin-left: auto;
        margin-right: auto;
    }
    .toparea {
        width:480px;
        padding: 30px 0;
        background: #ececec;
        box-shadow: 1px 1px 5px #888;
        border-radius: 10px;
    }
}

/* login page first second */
#header {
    padding: 1.5em;
    background: #e2e2e2;
}
#header .logo-txt {
    padding-top: 0.5em;
    color:#0e2850;

}
.inner {width:92%;margin:auto;}
.round {
    border-radius: 10px;
}
.text-xs {
    font-size: 1rem;
}
p.message {
    background-color: aliceblue;
    padding: 1em;
    border-radius: 5px;
}

p {font-size: 15px;}

/*  */

@media screen and (max-width:639px){
    .toparea {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding: 30px 0;
        background: #ececec;
        box-shadow: 1px 1px 5px #888;
        border-radius: 10px;
    }

}