#login-page {

    // Flash section
    .flash-section {
        .container {
            padding-left: 1.5rem;
            padding-right: 1.5rem;

            @include media-query(lg) {
                padding-left: 3.5rem;
                padding-right: 3.5rem;
            }
        }
    }

    // Login
    .login {
        padding-bottom: 5rem;

        // Container
        .container {
            padding-left: 1.5rem;
            padding-right: 1.5rem;

            @include media-query(lg) {
                padding-left: 3.5rem;
                padding-right: 3.5rem;
            }
        }

        // Login wrapper
        .login__wrapper {
            background-color: #fff;
            display: inline-block;
            width: 100%;
            box-shadow: 0 1rem 2rem rgba(#000,0.05);
            padding: 0;

            // Row
            .row {
                margin: 0;
            }

            // Columns
            .login__wrapper-column {
                padding: 3.5rem 2.5rem;

                @include media-query(lg) {
                    padding-bottom: 8rem;
                }

                @include media-query(xl) {
                    padding: 5.5rem 5.5rem;
                    padding-bottom: 12rem;
                }

                // Headings
                h2 {
                    @include media-query(lg) {
                        font-size: 3rem;
                        line-height: 4.2rem;
                    }
                }

                // Form column
                &.login__wrapper-column--form {
                    border-bottom: 0.1rem solid rgba(#122836, 0.1);

                    @include media-query(lg) {
                        border-right: 0.1rem solid rgba(#122836, 0.1);
                        border-bottom: none;
                    }
                }

                // Footer
                .login__wrapper-footer {
                    @include media-query(lg) {
                        position: absolute;
                        bottom: 3.5rem;
                    }
                    @include media-query(xl) {
                        bottom: 5.5rem;
                    }
                }

                // Button full width
                .button--fullwidth {
                    @include media-query(md) {
                        width: auto;
                    }
                }

                // Forgot password
                .anchor__forgot-password {
                    opacity: 0.5;
                    text-decoration: none;

                    @include media-query(md) {
                        margin-left: 2.5rem;
                    }
                }
            }
        }
    }
}