/************************************************************************
// Background styles for FFH
// Website Designed by : Zero Bulb ( http://www.zerobulb.com )

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

/* 1.  Pages Except home page */
.blog-header {
  background: url('../img/banner.jpg') repeat-y center top; background-size:cover;
  max-width: 100%;
  height: 400px;
  position: relative;
}
.blog-header:before {
  background-color: #101931;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: .7;
}

/* 2. Home Page */
.front-header {
  background: url('../img/banner-home.jpg') no-repeat center bottom; background-size:cover;
  max-width: 100%;
  min-height: 570px;
  position: relative;
  overflow-y: hidden;
}
.front-header:before {
  background-color: #101931;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: .7;
}

/* 3. Blog Single */
.blog-single-header {
  background: url('../img/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. Films */
.section-film {
  background:#F00) repeat-y center center; 
}