/*This is for the display labels for the gallery paintings*/

.label-dropdown	{
	position: relative; 
	display: inline-block;
	
	}

.label-dropdown-content	{
	display: none;
	border-radius: 5px;
	position: absolute;
	background-color: antiquewhite;
	font-size: 9pt;
	padding: 5px;
	max-width: 150px;
	max-height: 100px;
	top:10px;
	left: 25px;
	right: 25px;
	top: 25px;
	box-shadow: box-shadow: 5px 7px rgba(153, 255, 153, .2);
	z-index: 99
	}

	@media (min-width: 200px) and (max-width:700px){
.label-dropdown-content	{
	min-width: 300px;
	max-width: 400px;
	

	}
}

	
	.title {
		font-size: 10pt;
		font-style: italic;
		color: #552343;

	}

	@media (min-width: 200px) and (max-width:700px){
	.title {
		font-size: 20pt;
		height: auto;
			
	}
}

	.notecardonly {
	  font-size: 9pt;
	  font-style: italic;
}

@media (min-width: 200px) and (max-width:700px){
.notecardonly {
	font-size: 18pt;
	font-style: italic;
}
}

.tiny {
	font-size: 7pt;
}

@media (min-width: 200px) and (max-width:700px){
.tiny {
	font-size: 20pt;
} 
}
.label-dropdown :hover .label-dropdown-content	{
	display: block;
	text-align: left;
	position: relative;
	top: 50%;
	
}