@use "../../theme/breakpoints" as *;

.columns50-50 {
    > .grid {
        > div {
            height: 100dvh;

            &:last-child {
                padding: 80px 2rem 2rem;
                overflow-y: auto;

                * {
                    color: white;
                }

                &.contained {
                    @media screen and (min-width: $breakpoints-xxl) {
                        width: 1080px;
                        margin: auto;
                    }
                }
            }
        }

        @media screen and (max-width: $breakpoints-md) {
            grid-template-columns: 1fr;

            > div:first-child {
                display: none;
            }

            > div:last-child {
                padding-top: 1rem;
                height: unset;
                min-height: calc(100dvh - 61.5px);
                overflow-y: unset;
            }
        }
    }
}