.hero-banner--image img{width:100%; min-height:56rem;}
.hero-banner--content{position: absolute;bottom: 0px;left: 0px;width: 100%; padding-bottom:3.7rem;z-index:1}
.pilot .hero-banner:after{position: absolute;content: "";height: 100%;width: 100%;top: 0; background: linear-gradient(180deg, rgba(1, 0, 13, 0.00) 3.55%, #01000D 108.12%);}



/*Secondary Banner*/
.pilot .banner__image-wrapper img{
max-height:65rem;object-position:top}

@media all and (max-width: 2150px){
  .pilot .banner__image-wrapper img{
    max-height:100%
  }
}

.share-icons a.icon {height:54px;width:54px;z-index:1;font-size:2rem;}
.drinkiq .share-icons a.icon{background: var(--color-smoke-grey);border-bottom: 1px solid var(--primary-grey-01)}
.pilot .secondary-banner .share-icons{top:0;right:0;}
.pilot .secondary-banner .share-icons::after {
   content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(153, 102, 255, 0.5);
    opacity: 0.5; 
}
.secondary-banner{margin-top:40px}
.secondary-banner .share-icons a{background-color:#E9E9FF}
.secondary-banner .share-icons a{border-right: 1px solid #E4E4E4;}
.secondary-banner .share-icons a:first-of-type{border-left:1px solid #E4E4E4;}
@media only screen and (min-width: 767px) {
.hero-banner--content{padding-bottom:6.1rem;}
.secondary-banner{margin-top:0px}
}
@media only screen and (min-width: 991px) {
.pilot .secondary-banner .share-icons{right:16rem;}
.pilot .hero-banner--image{min-height:75rem}
.pilot .hero-banner--image img{max-height:75rem}
}