@media screen and (min-width: 930px) {
    /* no grid support? */
    .intro {
        float: left;
        width: 40%;
    }

    .contact {
        float: right;
        width: 40%;
        margin-top: 15%;
    }

    .wrapper {
        margin: 0 auto;
        grid-template-columns: 2fr 1fr;
    }

    .header,
    .cards {
        grid-column: 1 / -1;
        /* needed for the floated layout */
        clear: both;
    }
}

@media screen and (max-width: 930px) {
    .contact {
        display: none;
    }

    .container-a {
        margin-right: 10%;
    }

    .container-a > p {
        width: 100%  !important;
    }
}