.header{
    height: 85px;
    background: #3b5998;
    width: 100%;

}
body{
    margin: 0;
    font-family: helvetica Neue,Arial, Helvetica, sans-serif;
}
.logo{
    width: 50%;
    padding-top: 32px;
    float: left;
}
.login{
    width: 50%;
    float: left;
}
.logo-text{
    color: white;
    font-weight: bold;
    font-size: 35px;
    text-decoration: none;
    margin-left: 172px;
}
.login-label{
    color: #fff;
    font-size: 11px;
}
.login-controls{
    margin-left: 115px;
}
.login{
    padding-top: 10px;
}
.forgotten{
    color: #9cb4d8;
    text-decoration: none;
    font-size: 11px;
}
.sub-btn{
    color: #fff;
    background:  #4267b2;
    border-color: #29487d;
    height: 20px;
    cursor: pointer;

}
.sub-btn:hover{
    background: #29487d;
}
.left-section{
    width: 50%;
    padding-left: 134px;
    padding-top: 52px;
    float: left;
}
.right-section{
    width: 39%;
    padding-top: 20px;
    float: left;

}
.main-body{
    background: linear-gradient(white, #d3d8e8);
    width: 100%;
    height: 700px;
}
.image{
    width: 430px;
    height: 300px;
}
.s1boxes{
    border-width: thin;
    border-radius: 4px;
    font: caption;
    padding: 12px;
}
.s2boxes{
    border-width: thin;
    border-radius: 4px;
    font: caption;
    width: 425px;
    padding: 12px;
    margin-top: 6px;

}
.sure-name{
    margin-left: 6px;
}
.birth-day{
    color: #656e67;
}
.sign{
    color: #fff;
    background: rgb(97, 189, 5);
    font-size: 29px;
    width: 195px;
    padding: 15px;
    cursor: pointer;
}
.sign:hover{
    background: rgb(58, 112, 4);
}