.illustra-header-container {
	
	margin: 1em 0em;
}

.illustra-header-container .thumbs-container {
	
	text-align: center;
}

.illustra-header-container .thumbs-container .selected {
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.illustra-header-container .thumbs-container .selected .title {
	
	color: #f9b706 !important;
}

.illustra-header-container .thumbs-container .thumb {
	
	display: inline-block;
    cursor: pointer;
    vertical-align: top;
    margin: .5em 1em;
    text-align: center;
}

.illustra-header-container .thumbs-container .thumb img {
	
	padding: .5em;
	max-width: 150px;
	max-height: 75px;
}

.illustra-header-container .thumbs-container .thumb .title {
	
	color: #465561;
	text-align: center;
	font-weight: bold;
	padding: .5em;
}

.illustra-header-container .thumbs-container .thumb:hover .title {
	
	color: #f9b706 !important;
}

@media all and (max-width: 800px) {
	

	.illustra-header-container .thumbs-container .thumb img {
		
		max-width: 75px;
		max-height: 75px;
	}
}

@media all and (max-width: 650px) {
	
	.illustra-header-container {
		
		position: fixed;
		top: 50px;
		left: 0px;
		width: 100%;
		overflow: auto;
		background-color: white;
		z-index: 10;
	}
	
	.illustra-header-container .thumbs-container {
		
		width: 600px !important;
		text-align: center;
	}
}