/* CSS Document */

#vidCat{
	margin-bottom:15px;
}
#vidCat select, #vidCat select option{
	font-size: 14px !important;
	text-transform: uppercase;
	letter-spacing: 1px !important;
}
#vidCat select{
	background-color:#0076A3 !important;
	color:#FFF !important;
	transition:all 0.3s ease;
	cursor:pointer;
}
.photoPanel, .photoPanel h2{
	transition: all 0.2s ease-in-out;
}
#videoGallery{
	margin-top: 0;
	position: relative;
	max-width: 100%;
	width: 100%;
}
.photoPanel{
	position:absolute;
	background-color:#FFF;
	padding:10px;
	border-radius:0 !important;
	border:1px solid #DDD !important;
	cursor:pointer;
}
.photoPanel:hover{
	background-color: #0076A3;
	color: #FFF !important;
}
.photoPanel .image{
	margin-bottom:10px;
}
.photoPanel .image img{
	width:100%;
}
.photoPanel h2{
	font-size:22px !important;
	color:#0076A3 !important;
	text-transform:uppercase !important;
	margin-bottom:3px !important;
	font-weight: 800 !important;
}
.photoPanel:hover h2{
	color:#FFF !important;
}

/********************************************************** MEDIA QUERRIES ******************************************************************/

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
	
	
}

/* Tablet (portrait) */
@media(min-width:768px){
	#vidCat select, #vidCat select option{
		font-size: 16px !important;
	}
	.photoPanel{
		padding:5px !important;
	}
	.photoPanel h2{
		font-size:16px !important;
	}
	
}

/* Tablet (landscape) */
@media(min-width:992px){
	#vidCat select, #vidCat select option{
		font-size: 18px !important;
	}
	.photoPanel h2{
		font-size:18px !important;
	}
	
}

/* Desktop */
@media(min-width:1200px){
	#vidCat{
		margin-bottom:20px;
	}
	#vidCat select, #vidCat select option{
		font-size: 22px !important;
	}
	#vidCat select{
		padding: 5px 16px 10px !important;
	}
	.photoPanel{
		padding:8px !important;
	}
	.photoPanel h2 {
		font-size:22px !important;
	}
	
}