/************************************************************************
// Table of Background CSS

1. Blog Header
2. Custom Front Page
3. Blog Single
4. Features Section
5. Counter Section
6. Card Section

*************************************************************************/

/* 1. Blog Header */
.blog-header {
  background: url('../images/background-2.png') repeat-y center top;
  max-width: 100%;
  height: 550px;
  position: relative;
}
.blog-header:before {
  background-color: #101931;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: .7;
}
@media (min-width: 1601px) {
.front-header {
  background: url('../images/background-1-large.gif') no-repeat center top #21366c;
  max-width: 100%;
  background-size: cover;
		overflow: hidden !important;
  position: relative;
  z-index:20;
}
}
@media (max-width: 1600px) {
/* 2. Custom Front Page */
.front-header {
  background: url('../images/background-1.png') no-repeat center top #21366c;
  max-width: 100%;
  background-size: cover;
	overflow: hidden !important;
  position: relative;
  z-index:20;
}
}

.front-header2 {
	  background: url('../images/background-1.png') no-repeat center top;
	    max-height: 170px;
  max-width: 100%;
  position: relative;
  padding-bottom:10px;
  z-index:100;
}
.front-header3 {
	  background: none;
	    max-height: 170px;
  max-width: 100%;
  position: relative;
  padding-bottom:10px;
  z-index:100;
  display:none;
}
.front-header:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}

/* 3. Blog Single */
.blog-single-header {
  background: url('../images/background-1.png') repeat-y center center;
  max-width: 100%;
  height: 768px;
  position: relative;
  
}
.blog-single-header:before {
  background-color: #101931;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: .7;
}

/* 4. Features Section */
.section-features {
  background: url('../images/background-2.png') repeat-y center center;
}

/* 5. Counter Section */
.section-counter {
  background: url('../images/background-2.png') repeat-y center top;
  max-width: 100%;
  height: auto;
  position: relative;
}
.section-counter:before {
  background-color: #101931;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: .7;
}

/* 6. Card Section */
.section-card {
  background: url('../images/background-2.png') repeat-y center center;
}