body{
    font-family: "Kanit", sans-serif;
    color: #353DA5;
    background-image: url("../../img/index/bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 650px;
    padding-top: 50px;
    font-size: 30px;
}
.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{

    padding: 6px 60px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.btn-blue {
    color: #ffffff;
    background-color: #353DA5;
    border-color: transparent;
}
.btn-blue:hover {
    color: #ffffff;
    background-color: #0064d6;
    border-color: transparent;
}
@media (max-width: 768px) {
    .login h1{
        font-size: 40px;
        font-family: "Kanit", sans-serif;
    }
    .login h2{
        font-size: 20px;
        font-family: "Kanit", sans-serif;
    }
    p{
        font-size: 18px;
    }
    .btn{
        font-size: 18px;
    }

}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .login h1{
        font-size: 40px;
        font-family: "Kanit", sans-serif;
    }
    .login h2{
        font-size: 35px;
        font-family: "Kanit", sans-serif;
    }
    p{
        font-size: 22px;
    }
    .btn{
        font-size: 20px;
    }

}
@media(min-width:1025px){
    .login h1{
        font-size: 60px;
        font-family: "Kanit", sans-serif;
    }
    .login h2{
        font-size: 30px;
        font-family: "Kanit", sans-serif;
    }
    p{
        font-size: 30px;
    }
    .btn{
        font-size: 25px;
    }
}