/* =====================================
   HEADER OVER HERO
   TRANSPARENT + NOT STICKY
===================================== */

.site-header{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;

  z-index:1000!important;

  background:transparent!important;
  background-color:transparent!important;

  border:0!important;
  border-bottom:0!important;

  box-shadow:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}


/* WHITE HEADER TEXT OVER IMAGE */

.site-header .brand,
.site-header .nav-links > a,
.site-header .services-trigger{
  color:#fff!important;
}


/* LOGO MARK */

.site-header .brand:before{
  background:#fff!important;
  color:#111!important;
}


/* KEEP SIGN IN GLASS STYLE */

.site-header .header-quote,
.site-header .header-signin{
  color:#fff!important;
}


/* =====================================
   FULL SCREEN HERO
===================================== */

.corp2-hero{
  min-height:100vh!important;

  display:flex!important;
  align-items:center!important;

  margin-top:0!important;

  padding-top:0!important;

  background:
    linear-gradient(
      90deg,
      rgba(8,8,8,.86) 0%,
      rgba(8,8,8,.65) 35%,
      rgba(8,8,8,.22) 67%,
      rgba(8,8,8,.07) 100%
    ),
    url("/images/houston-corporate-transportation-hero.png")
    center center / cover no-repeat!important;
}


/* account for transparent header without creating a gap */

.corp2-hero-content{
  padding-top:150px!important;
  padding-bottom:80px!important;
}


/* =====================================
   MOBILE
===================================== */

@media(max-width:760px){

  .site-header{
    position:absolute!important;
  }

  .corp2-hero{
    min-height:100svh!important;

    background:
      linear-gradient(
        180deg,
        rgba(8,8,8,.14) 0%,
        rgba(8,8,8,.34) 44%,
        rgba(8,8,8,.82) 100%
      ),
      url("/images/houston-corporate-transportation-mobile-hero.png")
      center center / cover no-repeat!important;
  }

  .corp2-hero-content{
    padding-top:135px!important;
    padding-bottom:55px!important;
  transform:translateY(85px)!important;
  }

}