div.service {
    margin-bottom: 22px;
}

span.skill {
    display: inline-block;
    font-family: 'Segoe UI', 'Droid Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    color: #ff8400;
}

h3.service-title {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    font-family: 'Droid Serif';
    color: #656971;
    min-height: 28px;
    padding-left:34px;
    padding-top:6px;
    margin-bottom:0;
    margin-top:14px;
    background-position: left top;
    background-color: transparent;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    h3.service-title {
        background-position: left center;
    }
}

div.service p {
    margin-top: 4px;
    margin-bottom: 14px;
}

a.portfolio-item-link {
    font-weight: bold;
    display: inline-block;
}

h3.service-title.icon-film, .ie8 h3.service-title.icon-film {
    background-image: url(../img/icon-film.png);
}

h3.service-title.icon-cog, .ie8 h3.service-title.icon-cog {
    background-image: url(../img/icon-cog.png);
}

h3.service-title.icon-heart, .ie8 h3.service-title.icon-heart {
    background-image: url(../img/icon-heart.png);
}

h3.service-title.icon-magnifier, .ie8 h3.service-title.icon-magnifier {
    background-image: url(../img/icon-magnifier.png);
}

h3.service-title.icon-switcher, .ie8 h3.service-title.icon-switcher {
    background-image: url(../img/icon-switcher.png);
}

h3.service-title.icon-eye, .ie8 h3.service-title.icon-eye {
    background-image: url(../img/icon-eye.png);
}

h3.service-title.icon-dialog, .ie8 h3.service-title.icon-dialog {
    background-image: url(../img/icon-dialog.png);
}

h3.service-title.icon-user, .ie8 h3.service-title.icon-user {
    background-image: url(../img/icon-user.png);
}

h3.service-title.icon-email, .ie8 h3.service-title.icon-email {
    background-image: url(../img/icon-email.png);
}

h3.service-title.icon-camera, .ie8 h3.service-title.icon-camera {
    background-image: url(../img/icon-camera.png);
}

h3.service-title.icon-calendar, .ie8 h3.service-title.icon-calendar {
    background-image: url(../img/icon-calendar.png);
}

h3.service-title.icon-lock, .ie8 h3.service-title.icon-lock {
    background-image: url(../img/icon-lock.png);
}

h3.service-title.icon-toolbox, .ie8 h3.service-title.icon-toolbox {
    background-image: url(../img/icon-toolbox.png);
}

h3.service-title.icon-display, .ie8 h3.service-title.icon-display {
    background-image: url(../img/icon-display.png);
}

h3.service-title.icon-flag, .ie8 h3.service-title.icon-flag {
    background-image: url(../img/icon-flag.png);
}

h3.service-title.icon-phone, .ie8 h3.service-title.icon-phone {
    background-image: url(../img/icon-phone.png);
}

h3.service-title.icon-recorder, .ie8 h3.service-title.icon-recorder {
    background-image: url(../img/icon-recorder.png);
}

h3.service-title.icon-check, .ie8 h3.service-title.icon-check {
    background-image: url(../img/icon-check.png);
}

h3.service-title.icon-share, .ie8 h3.service-title.icon-share {
    background-image: url(../img/icon-share.png);
}

h3.service-title.icon-inbox, .ie8 h3.service-title.icon-inbox {
    background-image: url(../img/icon-inbox.png);
}

h3.service-title.icon-star, .ie8 h3.service-title.icon-star {
    background-image: url(../img/icon-star.png);
}

h3.service-title.icon-stats, .ie8 h3.service-title.icon-stats {
    background-image: url(../img/icon-stats.png);
}

h3.service-title.icon-speaker, .ie8 h3.service-title.icon-speaker {
    background-image: url(../img/icon-speaker.png);
}

h3.service-title.icon-cloud, .ie8 h3.service-title.icon-cloud {
    background-image: url(../img/icon-cloud.png);
}

h3.service-title.icon-microphone, .ie8 h3.service-title.icon-microphone {
    background-image: url(../img/icon-microphone.png);
}

h3.service-title.icon-music, .ie8 h3.service-title.icon-music {
    background-image: url(../img/icon-music.png);
}

h3.service-title.icon-signal, .ie8 h3.service-title.icon-signal {
    background-image: url(../img/icon-signal.png);
}

h3.service-title.icon-bolt, .ie8 h3.service-title.icon-bolt {
    background-image: url(../img/icon-bolt.png);
}

h3.service-title.icon-key, .ie8 h3.service-title.icon-key {
    background-image: url(../img/icon-key.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    
    h3.service-title {
        background-size: 28px 28px;
    }
    
    h3.service-title.icon-film, .ie8 h3.service-title.icon-film {
        background-image: url(../img/icon-film-hires.png);
    }

    h3.service-title.icon-cog, .ie8 h3.service-title.icon-cog {
        background-image: url(../img/icon-cog-hires.png);
    }

    h3.service-title.icon-heart, .ie8 h3.service-title.icon-heart {
        background-image: url(../img/icon-heart-hires.png);
    }

    h3.service-title.icon-magnifier, .ie8 h3.service-title.icon-magnifier {
        background-image: url(../img/icon-magnifier-hires.png);
    }

    h3.service-title.icon-switcher, .ie8 h3.service-title.icon-switcher {
        background-image: url(../img/icon-switcher-hires.png);
    }

    h3.service-title.icon-eye, .ie8 h3.service-title.icon-eye {
        background-image: url(../img/icon-eye-hires.png);
    }

    h3.service-title.icon-dialog, .ie8 h3.service-title.icon-dialog {
        background-image: url(../img/icon-dialog-hires.png);
    }

    h3.service-title.icon-user, .ie8 h3.service-title.icon-user {
        background-image: url(../img/icon-user-hires.png);
    }

    h3.service-title.icon-email, .ie8 h3.service-title.icon-email {
        background-image: url(../img/icon-email-hires.png);
    }

    h3.service-title.icon-camera, .ie8 h3.service-title.icon-camera {
        background-image: url(../img/icon-camera-hires.png);
    }

    h3.service-title.icon-calendar, .ie8 h3.service-title.icon-calendar {
        background-image: url(../img/icon-calendar-hires.png);
    }

    h3.service-title.icon-lock, .ie8 h3.service-title.icon-lock {
        background-image: url(../img/icon-lock-hires.png);
    }

    h3.service-title.icon-toolbox, .ie8 h3.service-title.icon-toolbox {
        background-image: url(../img/icon-toolbox-hires.png);
    }

    h3.service-title.icon-display, .ie8 h3.service-title.icon-display {
        background-image: url(../img/icon-display-hires.png);
    }

    h3.service-title.icon-flag, .ie8 h3.service-title.icon-flag {
        background-image: url(../img/icon-flag-hires.png);
    }

    h3.service-title.icon-phone, .ie8 h3.service-title.icon-phone {
        background-image: url(../img/icon-phone-hires.png);
    }

    h3.service-title.icon-recorder, .ie8 h3.service-title.icon-recorder {
        background-image: url(../img/icon-recorder-hires.png);
    }

    h3.service-title.icon-check, .ie8 h3.service-title.icon-check {
        background-image: url(../img/icon-check-hires.png);
    }

    h3.service-title.icon-share, .ie8 h3.service-title.icon-share {
        background-image: url(../img/icon-share-hires.png);
    }

    h3.service-title.icon-inbox, .ie8 h3.service-title.icon-inbox {
        background-image: url(../img/icon-inbox-hires.png);
    }

    h3.service-title.icon-star, .ie8 h3.service-title.icon-star {
        background-image: url(../img/icon-star-hires.png);
    }

    h3.service-title.icon-stats, .ie8 h3.service-title.icon-stats {
        background-image: url(../img/icon-stats-hires.png);
    }

    h3.service-title.icon-speaker, .ie8 h3.service-title.icon-speaker {
        background-image: url(../img/icon-speaker-hires.png);
    }

    h3.service-title.icon-cloud, .ie8 h3.service-title.icon-cloud {
        background-image: url(../img/icon-cloud-hires.png);
    }

    h3.service-title.icon-microphone, .ie8 h3.service-title.icon-microphone {
        background-image: url(../img/icon-microphone-hires.png);
    }

    h3.service-title.icon-music, .ie8 h3.service-title.icon-music {
        background-image: url(../img/icon-music-hires.png);
    }

    h3.service-title.icon-signal, .ie8 h3.service-title.icon-signal {
        background-image: url(../img/icon-signal-hires.png);
    }

    h3.service-title.icon-bolt, .ie8 h3.service-title.icon-bolt {
        background-image: url(../img/icon-bolt-hires.png);
    }

    h3.service-title.icon-key, .ie8 h3.service-title.icon-key {
        background-image: url(../img/icon-key-hires.png);
    }
}