/* 
	Section Background (bg.css)
	
	Table of Content
	- general settings for section & subheader
	- general background image for subheader
	- background settings for page subheader
	- background settings for section
	- subheader for side navigation
	- media query
*/

/* general  for subheader */
#subheader {}

/* background settings for page subheader */
.page-projects #subheader {}

.page-projects-alt #subheader {}

.page-services #subheader {}

.page-about #subheader {}

.page-blog #subheader {}

.page-shop #subheader {}

.page-contact #subheader {}

/* background settings for section */
#info-address {}

#view-all-projects,
#call-to-action {
	padding: 60px 0 60px 0;
}

#section-about-us-2 {
	background: #f8f8f8;
	height: 100%;
}


#section-portfolio {
	/*background: #222;*/
	background: #414735;
	width: 101%;
	overflow: hidden;
}

.de_light #section-portfolio {
	background: #fff;
}

#section-team {
	background: #111;
}

.de_light #section-team {
	background: #f5f5f5;
}

#hide-content {
	position: absolute;
	width: 100%;
	min-height: 100%;
	z-index: 100;
	display: none;
	background: rgba(0, 0, 0, .8);
}


#section-service-2,
#section-service-4 {
	background: #f2f2f2;
}


/* background settings for side navigation subheader */
.de-navbar-left.de_light #subheader {}

.de-navbar-left.de_light.page-projects #subheader {}

.de-navbar-left.de_light.page-services #subheader {}

.de-navbar-left.de_light.page-about #subheader {}

.de-navbar-left.de_light.page-blog #subheader {}

.de-navbar-left.de_light.page-shop #subheader {}

.de-navbar-left.de_light.page-contact #subheader {}

.bg-fit-height {
	-webkit-background-size: auto 100% !important;
	-moz-background-size: auto 100% !important;
	-o-background-size: auto 100% !important;
	background-size: auto 100% !important;
	background-attachment: scroll !important;
}

/* media query */
@media only screen and (max-width: 767px) {
	section {
		-webkit-background-size: auto 100% !important;
		-moz-background-size: auto 100% !important;
		-o-background-size: auto 100% !important;
		background-size: auto 100% !important;
		background-attachment: scroll !important;
		background-position: top !important;
	}

	section.fit-width {
		-webkit-background-size: 100% auto !important;
		-moz-background-size: 100% auto !important;
		-o-background-size: 100% auto !important;
		background-size: 100% auto !important;
		background-attachment: scroll !important;
		background-position: top !important;
	}
}

#section-about-us-2 .image-container {}

#section-welcome {
	background: url(../images/background/bg-4.jpg) top fixed;
}