﻿main section {
    min-height: 650px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 2rem;
}

    main section:nth-child(even) {
        background-color: #f0f0f0;
    }

    main section:last-of-type {
        min-height: 22vh;
        background-color: #222;
    }

    main section .container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2rem;
        justify-items: center;
        align-items: center;
        margin: 0 -4rem;
    }

    main section:last-of-type .container {
        padding: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
    }

    main section .content {
        flex-basis: 50%;
    }

    main section .btn {
        font-size: 1.75rem;
        padding: 2rem 6rem;
    }

    main section .content h1,
    main section .content h2 {
        margin-bottom: 2rem;
    }

    main section .content ul {
        padding-left: 1rem;
    }

@media only screen and (max-width: 1400px) {
    main section:last-of-type .container {
        min-height: 25vh;
    }
}
