/* SPRITE STYLE */
/* ---------------------------------------------------- */
.sprite {
	height: 0;
	display: block;
	overflow: hidden;
}

.sprite-animated {
	height: 0;
	display: block;
	overflow: hidden;
    
    /* Transitions */
	transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
}




/* SPRITE DIMENSIONS */
/* ---------------------------------------------------- */

.sprite-128x26 {
	padding: 26px 0 0 0;
	width: 128px;
}

.sprite-40x40 {
	padding: 40px 0 0 0;
	width: 40px;
}

.sprite-50x50 {
	padding: 50px 0 0 0;
	width: 50px;
}


.sprite-80x80 {
	padding: 80px 0 0 0;
	width: 80px;
}







/* SPRITE BACKGROUND 1X */
/* ---------------------------------------------------- */

.sprite-b-logo {
	background: url(/images/sprites-1x.png) 0 0px no-repeat;
}

.sprite-b-facebook-top {
	background: url(/images/sprites-1x.png) 0 -76px no-repeat;
}

.sprite-b-scroll {
	background: url(/images/sprites-1x.png) 0 -176px no-repeat;
}

.sprite-icon-ronnie-schaaf {
    background: url(/images/sprites-1x.png) 0 -396px no-repeat;
}

.sprite-icon-facebook {
    background: url(/images/sprites-1x.png) 0 -306px no-repeat;
}

.sprite-b-share-linkedin {
    background: url(/images/sprites-1x.png) 0 -478px no-repeat;
}

.sprite-b-share-facebook {
    background: url(/images/sprites-1x.png) -50px -478px no-repeat;
}

.sprite-b-share-googleplus {
    background: url(/images/sprites-1x.png) -100px -478px no-repeat;
}

.sprite-b-share-twitter {
    background: url(/images/sprites-1x.png) -150px -478px no-repeat;
}




/* SPRITE BACKGROUND 2X */
/* ---------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    .sprite-b-logo {
        background: url(/images/sprites-2x.png) 0 0 no-repeat;
        background-size: 500px 600px;
    }
    
    .sprite-icon-ronnie-schaaf {
        background: url(/images/sprites-2x.png) 0 -396px no-repeat;
        background-size: 500px 600px;
    }

}