body{
    font-family: "Kanit", sans-serif;
    color: #513789;
    background-image: url("../img/bg.png");
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    min-height: 650px;
    padding-top: 50px;

}
.header {
    height: 80px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
html, body, .container_war-room, .scroller
.container_war-room {
    position: relative;
    /* overflow: scroll; */

}
.login{
    width: 80%;
    display: block;
    margin: auto;
    padding: 0px 0 0 0;
}

.block{
    display: block;
    margin: auto;
}
.btn{
    font-size: 20px;
    padding: 6px 60px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}
.btn-violet {
    color: #fff;
    border: 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c662c2+0,b95dbc+25,9751ab+50,5f3d90+75,17236d+100 */
	background: #c662c2; /* Old browsers */
	background: -moz-linear-gradient(left,  #c662c2 0%, #b95dbc 25%, #9751ab 50%, #5f3d90 75%, #17236d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #c662c2 0%,#b95dbc 25%,#9751ab 50%,#5f3d90 75%,#17236d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #c662c2 0%,#b95dbc 25%,#9751ab 50%,#5f3d90 75%,#17236d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c662c2', endColorstr='#17236d',GradientType=1 ); /* IE6-9 */
}
.btn-violet:hover {
    color: #ffffff;
    border: 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffd571+0,ffbd60+34,ff8035+65,ff6421+100 */
	background: #ffd571; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffd571 0%, #ffbd60 34%, #ff8035 65%, #ff6421 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ffd571 0%,#ffbd60 34%,#ff8035 65%,#ff6421 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ffd571 0%,#ffbd60 34%,#ff8035 65%,#ff6421 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd571', endColorstr='#ff6421',GradientType=1 ); /* IE6-9 */
}
@media (max-width: 767px) {
    .login h1{
        font-size: 30px;
        font-family: "Kanit", sans-serif;
    }
    .login h2{
        font-size: 18px;
        font-family: "Kanit", sans-serif;
    }
    p{
        font-size: 14px;
    }
}
@media(min-width:768px){
    .login h1{
        font-size: 40px;
        font-family: "Kanit", sans-serif;
    }
    .login h2{
        font-size: 30px;
        font-family: "Kanit", sans-serif;
    }
    p{
        font-size: 16px;
    }
}