body, html, section {
    height: 100%;
    box-sizing: border-box;
}

.login-page h1 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}

.login-page .blue-btn {
    border: 2px solid #8FC3FF;
    background: #FFFFFF;
    color: #8FC3FF;
}


section {
    background-image: url('../img/login-bg-3.svg'), url('../img/login-bg-4.svg');
    background-position: right bottom, right bottom;
    background-repeat: no-repeat;
}

@media (min-width: 1280px) {
    section {
        background-image: url('../img/login-bg-1.svg'), url('../img/login-bg-2.svg'), url('../img/login-bg-3.svg'), url('../img/login-bg-4.svg');
        background-position: 0 0, 0 0, right bottom, right bottom;
    }

    .login-page h1 {
        font-size: 40px;
        line-height: 48px;
        margin-top: 80px;
        margin-bottom: 40px;
    }
}