.banner {
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, .2)), url('/img/managed/hoopla/hoopla-banner-bg.jpg') no-repeat bottom center;
	background-size: cover;
	width: 100%;
	height: 420px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 3em;
}

img.banner-hoopla {
	width: 300px;
}

h1.banner-description {
	padding: 1em 2em;
	font-weight: 500;
	color: #ffffff !important;
	margin-bottom: 0;
}

.banner-link {
	background-color: #00ADEF;
	border: 1px solid #00ADEF;
	font-size: 90%;
	font-weight: 600;
	color: white;
	border-radius: 4px;
	padding: .5em;	
}

.banner-link:hover {
	color: white;
	background-color: #0193CB;
	border: 1px solid #0193CB;	
}

main .container {
	margin-bottom: 7em;
	align-items: center;
}

#hoopla-for-librarians {
	width: 49%;
	padding: 0 2em;
	text-align: center;
}

#hoopla-for-content-providers {
	width: 49%;
	padding: 0 2em;
	text-align: center;
}

.thumb {
	width: 32%;
}

.ebook-images, .music-images, .comic-images {
	min-width: 50%;
	padding-right: 2em;	
}

.audiobook-images, .video-images {
	padding-left: 2em;
	min-width: 50%;
}

.ebook-text h2, .music-text h2, .comic-text h2, .audiobook-text h2, .video-text h2 { 
	margin: 0;
}

.ebook-text p, .music-text p, .comic-text p, .audiobook-text p, .video-text p { 
	margin-bottom: 1em;
}

.action-view-thumb {
	height: 30px;
	margin: 0 auto;
	text-align: center;
}

.ebook-images img.thumb, .music-images img.thumb, .comic-images img.thumb, .audiobook-images img.thumb, .video-images img.thumb {
	box-shadow: 0 0 5px silver;
	border: 1px solid silver;
}

.video-platform-thumb {
	height: 30px;
}

#borrow-message {
	text-align: center;
}

@media only screen and (max-width: 1247px) { }

@media only screen and (max-width: 1023px) { }

@media only screen and (max-width:980px) {
	.hide-last {
		display: none;
	}

	.thumb {
		width: 49%;
	}

	.video-platform-thumb {
		height: 20px;
		margin-left: 5%;
	}
}

@media only screen and (max-width:767px) {
	.banner {
		height: 350px;
	}
	
	h1.banner-description {
		font-size: 1.5rem;
		padding: 1em;
	}
}

@media only screen and (max-width:636px) {
	img.banner-hoopla {
		width: 250px;
	}

	.hide-last {
		display: inline-block;
	}

	.hide-last-two {
		display: inline-block;
	}
	
	.thumb {
		width: 32%;
	}
	
	main .container {
		flex-direction: column;
	}
	
	.ebook-images, .music-images, .comic-images {
		padding: 0 0 1em 0;
		
	}
	
	.audiobook-images, .video-images {
		padding: 1em 0 0 0;
	}
	
	#hoopla-for-librarians {
		width: 100%;
		padding: 0 ;
		text-align: left;
	}
	
	#hoopla-for-content-providers {
		width: 100%;
		padding: 0 ;
		text-align: left;
	}	
}

@media only screen and (max-width:450px) { }

@media only screen and (max-device-width:767px) and (orientation:landscape) {
	.banner {
		height: 250px;
	}
	
	img.banner-hoopla {
		width: 200px;
	}
	
	h1.banner-description {
		font-size: 1.2rem;
		padding: 1em;
	}
	
	#hoopla-for-librarians {
		width: 100%;
	}

	#hoopla-for-content-providers {
		width: 100%;
		margin-top: 0;
	}

	.hide-last {
		display: none;
	}
	
	.ebook-images, .music-images, .comic-images {
		min-width: 30%;
		padding-right: 2em;	
	}
	
	.audiobook-images, .video-images {
		padding-left: 2em;
		min-width: 30%;
	}
}

@media only screen and (max-device-width: 414px) and (orientation:portrait) {
	h1.banner-description {
		font-size: 1.5rem;
	}
	
	img.banner-hoopla {
		width: 200px;
	}

	#hoopla-for-librarians {
		width: 100%;
	}

	#hoopla-for-content-providers {
		width: 100%;
		margin-top: 2em;
	}
}

@media only screen and (max-device-width : 1440px) and (max-device-height : 2560px) and (orientation:portrait) {
	img.banner-hoopla {
		width: 50%;
		margin: 1em auto 0 auto;
	}

	h1.banner-description {
		margin: 0 1em 1em 1em;
		font-size: 130%;
	}
}