.hero-text{

  .footer__social {
    margin-top: calc( var(--size) * .4);
    gap: 10px;
  }
  .social__label{
    display:none;
  }

  .hero__title{
    font-family: var(--funnel);
    font-weight: 600;
    font-size: calc( var(--font) * 0.48);
    line-height: 95%;
    max-width: calc( var(--font) * 6);
    margin-bottom: calc( var(--size) * .5);
  }
  .hero__text{
    max-width: calc( var(--font) * 6);
    font-size: calc( var(--font) * 0.22);
    p{
      font-size: inherit;
    }
    
    p:first-child{
      margin-top:0;
    }
    p:last-child{
      margin-bottom:0;
    }
  }
 
  .title__wrapper{
    height: calc( var(--font) * 3);
    margin-top: calc( var(--font) * 1);
  }
  
  
  
}

@media (max-width: 768px) {
  .hero-text{
    
    
    
    
    .hero__title{
      font-size: calc( var(--font) * 0.42);
      margin-top: 0;
    }
    .title__wrapper{
      height: calc(var(--font)*2.4);
      margin-top: 0;
      margin-bottom: calc(var(--font)*.5);;
    }
    .hero__text{
      font-size: calc( var(--font) * 0.2);
      p{
        font-size: inherit;
      }

    }
    .hero__subscribe {
      display: none;
      .button{
        width: 100%;
        &:after {
          display:none!important;
        }
      }
      h2{
        font-family: var(--funnel);
        font-weight: 600;
        font-size: calc( var(--font) * 0.26);
        line-height: 100%; 
        margin-bottom: calc( var(--size) * .1);
        margin-top:0;
        }
      p{
        font-size: calc( var(--font) * 0.18);
        line-height: 140%; 
        margin:0;
      }
    }
    .subscribe__wrapper{
      background: white;
      padding: calc( var(--size) * .25) calc( var(--size) * .25) calc( var(--size) * .39) calc( var(--size) * .25) 
    }
  }
}
@media (min-width: 768px) {
    .hero__subscribe {
      
      width: calc( var(--size) * 4);
      position: absolute;
        background: #fff;
        bottom: calc(var(--size) * 0);
        min-height: calc(var(--size) * 2);
        position: absolute;
        right: calc(var(--size) * 1);
        width: calc(var(--size) * 4);
      .button{
        width: 100%;
        &:after {
          display:none!important;
        }
      }
      h2{
        font-family: var(--funnel);
        font-weight: 600;
        font-size: calc( var(--font) * 0.26);
        line-height: 100%; 
        margin-bottom: calc( var(--size) * .1);
        margin-top:0;
        }
      p{
        font-size: calc( var(--font) * 0.18);
        line-height: 140%; 
        margin:0;
      }
    }
    .subscribe__wrapper{
      padding: calc( var(--size) * .25) calc( var(--size) * .25) calc( var(--size) * .39) calc( var(--size) * .25) 
    }
  
  .hero-text._noText{
    min-height: calc( var(--size) * 5); !important;
    background-position: center calc( var(--size) * -1) !important;
    .title__wrapper {
        margin-top: calc(var(--font) * 2);
    }
    &:before{
      content: "";
      top:calc( var(--size) * 1);
      left:0;
      width: calc( var(--size) * 1);
      height: calc( var(--size) * 1);
      background: white;
      position:absolute;
    }
  }
  
}