#subscriber__container {
  font-family: var(--font-family-text);
  margin-top: 40px;
  .bot-invite{
    margin: auto;
    display: flex;
    width: 70%;
  }
  .subscriber__button--unsubscribe{
    text-align: center;
    margin-top: 20px;
  }
  p.description, p.subscribe, p.hello {
    font-size: 18px;
    color: var(--color-black);
    font-family: var(--font-family-text);
  }
  p.hello, p.description {
    line-height: 1.7;
     margin-top: 2%;
  }
  p.hello{
    font-weight: bold;
  }
  p.description{
    font-weight: normal;
    line-height: 1.7;
    margin-top: 2%;
  }
  p.subscribe {
    font-weight: bold;
    line-height: 1.7;
  }
  .suscribers__button{
    text-align: center;
    margin-top: 20px;
  }
  .example {
    width: 90%;
    margin: auto;
    .article {
      margin-bottom: 1%;
      a {
        font-weight: normal;
        font-size: 18px;
        line-height: 1.2;
        color: var(--color-black);
      }
    }
  }
}

@media (max-width: 767px) {
  #subscriber__container {
    .bot-invite{
      width: 95%;
    }
    .form-group{
      width: 90%;
      margin: auto;
    }
  }
}

/* ipad */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)  {
  #subscriber__container {
    .form-group{
      width: 50%;
      margin: auto;
    }
  }
}