@charset "UTF-8";

/*   1024 px | Ipad / tablet     **/
@media only screen and (max-width: 1024px) {
}

/*   823 px | Ipad / tablet*/
@media only screen and (max-width: 820px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }
}

/*   768 px | Ipad / tablet*/
@media only screen and (max-width: 768px) {
}

/*   736 px | Ipad / tablet*/
@media only screen and (max-width: 736px) {
}

/*   731 px | Ipad / tablet*/
@media only screen and (max-width: 731px) {
}

/*   667 px | mobile Iphone Plus  **/
@media only screen and (max-width: 667px) {
}

/*   640 px | mobile Iphone Plus  **/
@media only screen and (max-width: 640px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }

  .s4 {
    .img-person {
      margin-bottom: -157px;
    }
  }
}

/*    414 px | mobile Iphone Plus  **/
@media only screen and (max-width: 414px) {
  .s4 {
    .img-person {
      margin-bottom: -116px;
    }
  }
}

/*    411 px | mobile  */
@media only screen and (max-width: 411px) {
}

/*    360 px | mobile     **/
@media only screen and (max-width: 360px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }

  .s4 {
    .img-person {
      margin-bottom: -116px;
    }
  }
}

/*    320 px | mobile IPhone   **/
@media only screen and (max-width: 320px) {
}

/*   280 px | mobile Iphone Plus  **/
@media only screen and (max-width: 280px) {
}