.tools__backLink,
.tool__title {
    display: block;
    margin-top: 1em;
}

.tool__wrapper{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tool__imageWrapper {
    order: 0;
}

.tool__imageWrapper img {
    width: 100%;
}

.tool__intro {
    margin-top: 2em;
}

.tool__meta {
    order: 1;
    overflow: hidden;
    font-size: 15px
}

.tool__dl dt {
    color: grey;
    font-size: .9em;
}

.tool__dl dd {
    margin: 0 0 1em;
}

.freeOfUse {
    color: #009dde;
}

.tool__intro {
    order: 2;
}

@media screen and (min-width: 600px) {
    .tool__wrapper{
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tool__imageWrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 45%;
        -ms-flex: 0 1 45%;
        flex: 0 1 45%;
        margin: 0 2em 0 0;
    }

    .tool__intro {
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
    }

    .tool__meta {
        -webkit-box-flex: 0;
        -webkit-flex: 0 20em;
        -ms-flex: 0 20em;
        flex: 0 20em;
        order: 1;
        align-self: flex-end;
    }
}