/* CSS Document */

.photoPanel, .photoPanelView, .photoPanel h2, .photoPanelView .caption{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#photoGallery, #videoGallery, #photoInt{
	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;
	font-family: 'Exo-Medium';
}
.photoPanel .image{
	margin-bottom:10px;
}
.photoPanel .image img{
	width:100%;
}
.photoPanel h2{
	font-size:30px !important;
	color:#AB1C23 !important;
	text-transform:uppercase !important;
	margin-bottom:3px !important;
}
.photoPanel:hover h2{
	color:#FFF !important;
}
.photoPanelView{
	position: absolute;
	background-color: #FFFFFF;
	border:1px solid #DDD !important;
	padding:3px;
	cursor:pointer;
}
.photoPanel:hover, .photoPanelView:hover {
	background-color:#AB1C23;
	border-color:#AB1C23 !important;
	color:#FFF;
}
h2.videoTitle{
	text-transform:uppercase;
	font-size:24px;
	color:#AB1C23;
}

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

/* Tablet (portrait) */
@media(min-width:768px){
	.photoPanel{
		padding:5px !important;
	}
	.photoPanel h2{
		font-size:24px !important;
	}
	
}

/* Tablet (landscape) */
@media(min-width:992px){
	.photoPanel h2{
		font-size:26px !important;
	}
	h2.videoTitle{
		font-size:32px;
	}
	
}

/* Desktop */
@media(min-width:1200px){
	.photoPanel{
		padding:8px !important;
	}
	.photoPanel h2 {
		font-size:32px !important;
	}
	h2.videoTitle{
		font-size:42px;
	}
	
}