/*
				<img id="sl-hulu" src="/img/hop/sitelogos/hulu.png" width="71" height="25" alt="hulu">
				<img id="sl-netflix" src="/img/hop/sitelogos/netflix.png" width="90" height="25" alt="netflix">
				<img id="sl-fb" src="/img/hop/sitelogos/fb.png" width="99" height="38" alt="fb">
				<img id="sl-iplayer" src="/img/hop/sitelogos/iplayer.png" width="91" height="30" alt="iplayer">
				<img id="sl-tinder" src="/img/hop/sitelogos/tinder.png" width="79" height="30" alt="tinder">
				<img id="sl-hbogo" src="/img/hop/sitelogos/hbogo.png" width="105" height="25" alt="hbogo">
				<img id="sl-instagram" src="/img/hop/sitelogos/instagram.png" width="130" height="32" alt="instagram">
				<img id="sl-pandora" src="/img/hop/sitelogos/pandora.png" width="128" height="19" alt="pandora">
				<img id="sl-spotify" src="/img/hop/sitelogos/spotify.png" width="113" height="38" alt="spotify">
*/


#sitelogos {
	margin: 0 auto 0 auto;
	padding-top: 20px;
	max-width:700px;
}

#sitelogos img {
	padding:24px 22px 24px 22px;
}

table.hopdiagram {
	margin:auto;
}

table.hopdiagram {
	width:100%;
	margin-top:80px;
	margin-bottom:170px;
}

table.hopdiagram td {
	font-weight:500;
	font-size:14px;
}

table.hopdiagram-v {
	display:none;
	padding-top:50px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
}

table.hopdiagram-v td {
	padding-top:15px;
	padding-bottom:15px;
}


img.hopart {
	width:232px;
	height:232px;
}



#sitelogos img {
	position:relative;
}


#sl-hulu {
}
#sl-netflix {
	top:4px;
}
#sl-fb {
	top:10px;
}
#sl-iplayer {
	top:8px;
}
#sl-tinder {
	top:2px;
}
#sl-hbogo {
	top:2px;
}
#sl-instagram {
	top:8px;
}
#sl-pandora {
}
#sl-spotify {
	top:8px;
}



@media only screen and (max-width:750px) {
	table.hopdiagram {
		display:none;
	}

	table.hopdiagram-v {
		display:block;
	}

	img.hopart {
		width:160px;
		height:160px;
	}


	#sitelogos {
		margin: 0 auto 0 auto;
		padding-top: 10px;
		max-width:none;
	}

	#sitelogos img {
		padding:12px 10px 12px 10px;
	}


	#sl-hulu {
		width:36px;
		height:13px;
	}
	#sl-netflix {
		top:2px;
		width:45px;
		height:13px;
	}
	#sl-fb {
		top:5px;
		width:50px;
		height:19px;
	}
	#sl-iplayer {
		top:4px;
		width:46px;
		height:15px;
	}
	#sl-tinder {
		top:1px;
		width:40px;
		height:15px;
	}
	#sl-hbogo {
		top:1px;
		width:53px;
		height:13px;
	}
	#sl-instagram {
		top:4px;
		width:65px;
		height:16px;
	}
	#sl-pandora {
		width:64px;
		height:10px;
	}
	#sl-spotify {
		top:4px;
		width:57px;
		height:19px;
	}
}