/*--------------------------------------------------------------
	Header
--------------------------------------------------------------*/
.home-section {
    
    position: relative;
  background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100% !important;
    height: auto;
    z-index: 0;
   /* background-size: cover;*/
  }
  
  .titan-title-size-1 {
    letter-spacing: 4px;
    font-size: 15px;
  }
  
  .titan-title-size-2 {
    line-height: 1.3;
    letter-spacing: 3px;
    font-size: 18px;
    opacity: .8;
  }
  
  .titan-title-size-3 {
    letter-spacing: 16px;
    font-size: 46px;
  }
  
  .titan-title-size-4 {
    letter-spacing: 24px;
    font-weight: 400;
    font-size: 48px;
  }
  
  /* Agency Page Header */
  .agency-page-header:before {
    background: transparent;
  }
  
  /* About us Page Header */
  .about-page-header:before {
    background: rgba(2, 2, 2, 0.2);
  }
  
  /* Service Page Header */
  .service-page-header:before {
    background: rgba(2, 2, 2, 0.1);
  }
  
  /* Gallery Page Header */
  .gallery-page-header {
    background-position: 50% 0%;
    background-repeat: no-repeat;
  }
  
  .gallery-page-header:before {
    background: rgba(2, 2, 2, 0.2);
  }
  
  /* Contact Page Header */
  .contact-page-header {
    background-position: 13% 45%;
    background-repeat: no-repeat;
  }
  
  .contact-page-header:before {
    background: rgba(2, 2, 2, 0.5);
  }
  
  /* Portfolio Page Header */
  .portfolio-page-header {
    background-position: 50% 50%;
  }
  
  .portfolio-page-header:before {
    background: rgba(45, 45, 45, 0.45);
  }
  
  /* Landing Page Header */
  .landing-header:before {
    position: absolute;
   /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(119, 47, 109, 0.52) 95%, rgba(115, 35, 105, 0.58) 100%);
    content: " "; */
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
  }
  
  .banner-img {
    margin-top: -145px;
  }