@media (max-width: 1024px){
	#lightbox > #content > img {
		max-width: 800px;
	}
}

@media (max-width: 768px){
	.content {
		padding: 40% 0 0;
	}
	
	#lightbox > #content > img {
		max-width: 600px;
	}
}

@media (max-width: 603px){
	#tf-menu.navbar-default {
		background-color: rgba(0, 0, 0, 0.79);
	}
	#tf-works li.pull-right, #tf-works li.pull-left {
		margin-top: 10px;
		float: none !important;
		text-align: center;
		display: block;
	}
	label{
		float: none !important
	}
	.pull-left.fnav,
	.pull-right.fnav {
		float: none !important;
		text-align: center;
	}

	.hover-bg .hover-text {
		padding: 12% 10%;
	}

	#lightbox > #content > img {
		max-width: 480px;
	}
}
@media (max-width: 360px){
	.hover-bg .hover-text {
		padding: 22% 10%;
	}
	#lightbox > #content > img {
		max-width: 280px;
	}
}