/*.banner{display: flex; height: 100vh; align-items: center;
  &__heading{font-size: $basefont-size * 5.125; margin-bottom: 50px; font-weight: 800; letter-spacing: -0.015em;}
  p {font-size: $basefont-size * 1.125; margin-top:50px }
}

.creds{display: flex;
  &__item{margin-right: 30px; min-width: 130px;}
  span{ display:block }
  &__number { font-size: $basefont-size * 1.875; font-weight: bold; color: $color__secondary;}
  &__cnt{ font-size: $basefont-size * 0.875; letter-spacing: 1px; text-transform: uppercase;}
}*/

.banner-hero  {display: flex; height:100vh; align-items: center; 
  h1 {font-size:82px; margin-bottom: 50px; font-weight: 800; letter-spacing:-0.015em; transform:skew(0deg,-6deg); color:#20376A; } 
  p {font-size: 20px; font-weight:500; opacity:0.7; } 
  &__left {width: 50%; padding-left: 100px; padding-right: 10px; display: flex; flex-direction: column; justify-content: center; } 
  &__right {width: 50%; }
  .line1 {position: absolute; transform: rotate(-55deg); right: -239px; top: 106px; } 
  .line2 {position: absolute; transform: rotate(-55deg); left: -121px; top: 106px; }
}