/*
This is an example of how to use the image sprite in your own CSS files
*/
.brands {
	background-image: url('brands.sprite.png');
	background-repeat: no-repeat;
	display: inline-block;
}
.brands.amazon {
	width: 119px;
	height: 36px;
	background-position: -10px -10px;
}
.brands.amazon-prime-video {
	width: 130px;
	height: 40px;
	background-position: -10px -56px;
}
.brands.apple-tv-plus {
	width: 108px;
	height: 41px;
	background-position: -10px -106px;
}
.brands.atom {
	width: 126px;
	height: 31px;
	background-position: -10px -157px;
}
.brands.dc-universe {
	width: 69px;
	height: 67px;
	background-position: -10px -198px;
}
.brands.disney-plus {
	width: 119px;
	height: 65px;
	background-position: -10px -275px;
}
.brands.fandango {
	width: 121px;
	height: 62px;
	background-position: -10px -350px;
}
.brands.google-play {
	width: 178px;
	height: 42px;
	background-position: -10px -422px;
}
.brands.hbo {
	width: 95px;
	height: 40px;
	background-position: -10px -474px;
}
.brands.hulu {
	width: 102px;
	height: 34px;
	background-position: -10px -524px;
}
.brands.itunes {
	width: 185px;
	height: 37px;
	background-position: -10px -568px;
}
.brands.netflix {
	width: 105px;
	height: 28px;
	background-position: -10px -615px;
}
.brands.youtube-premium {
	width: 210px;
	height: 27px;
	background-position: -10px -653px;
}