.intro {
    display: flex;
    flex-direction: column;
}

.half {
    width: 100%;
    height: 100%;
    padding: 10px;
    margin-bottom: 1vh;
    display: flex;
    flex-direction: column;
}

.half > a {
    align-self: center;
}

.half > p {
    align-self: center;
    text-align: center;
    width: 100%;
}

.contact-wrapper {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 3vh;
}


@media screen and (min-width: 1000px) {

    .intro, .about-me, .skills-wrapper, .services-wrapper {
        display: flex;
        flex-direction: row;
        margin-top: 1vh;
    }

    .contact-wrapper {
        display: flex;
        flex-direction: row;
        margin-top: 3vh;
    }

    /* .contact-wrapper > #cont {
        display: flex;
        flex-direction: row;
    } */
    
    .half {
        width: 49%;
        height: 40vh;
        display: flex;
        flex-direction: column;
        justify-self: center;
        align-self: center;
        margin: 10px;
        padding: 0px;
    }

    .half > a {
        align-self: center;
    }

    .half > p {
        align-self: center;
        text-align: center;
        width: 80%;
    }

    .reverse {
        flex-direction: row-reverse;
        background: linear-gradient(#3b0239a4, #060053d8),
        url(http://davidmmasters.com/wp-content/uploads/2018/04/trauma-inspired-programming.gif);
    }

    img {
        width: 80%;
    }

    
}