/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) { 
	.prev-photos{
		top: 0 !important;
		margin-bottom: 0 !important;
	}
	.sct{
		text-align: center;
	}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width:769px) and (max-width: 992px) { 
	.prev-photos{
		top: -50px !important;
		margin-bottom: 0 !important;
	}
	footer .dark-section{
		box-shadow: 288px 0 #333333 !important;
	}
}

@media (max-width: 1200px) { 
	footer .dark-section{
		box-shadow: 288px 0 #333333 !important;
	}
}