.experience
    margin-bottom: $padding-large-vertical * 3
    position: relative
    +clearfix

    +breakpoint(max-width $screen-tablet)
        h2
            font-size: 1.5em
            margin-top: 0

    p:last-of-type
        margin-bottom: 0

    &__website
        display: inline-block
        margin-bottom: 2px

    &__role
        color: $gray-light
        margin-bottom: 10px

.experience--with-logo
    .experience
        &__logo
            @extend .pull-right
            margin: 0 0 0 2em
            max-width: 20%

            @include breakpoint($screen-md-min)
                max-width: 15%