@media (min-width: 50em) {

    body {
        background-image: url('/images/bg-intro-desktop.png');
    }

    .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: 70em;
    }

    .text-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        justify-content: center;
    }

    .text-section h1 {
        font-size: 3rem;
        padding-top: 1.1em;
        line-height: 1.15;
    }

    .text-section .description {
        padding-top: .1em;
        font-weight: 500;
        color: whitesmoke;
    }

    .form-section form {
        gap: 1.3em;
    }

    .form-section form input:focus {
        background-image: none;
        outline: none;
    }

    

    .form-section {
        padding: 2em;
    }

    .form-section .form {
        padding: 2.5em 2.5em 3.1em 2.5em;
    }

    .form-section form .acknowledgement {
        margin: -.7em;
    }
}