@charset "UTF-8";

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

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

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

  header {
    padding: 0px;
  }

  .atuacao {
    & .card {
      height: auto !important;
    }
    & .card--ds,
    & .card--cf {
      margin-top: 10px !important;
    }
  }

  .conteudo {
    & .card-title {
      text-align: center;
    }
  }

  footer {
    text-align: center;
  }
}

/*   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;
  }

  header {
    padding: 0px;
  }

  .atuacao {
    & .card {
      height: auto !important;
    }
    & .card--ds,
    & .card--cf {
      margin-top: 10px !important;
    }
  }

  .conteudo {
    & .card-title {
      text-align: center;
    }
  }

  footer {
    text-align: center;
  }
}

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

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

  header {
    padding: 0px;
  }

  .atuacao {
    & .card {
      & .card-body {
        height: auto !important;
      }
      & .card--ds,
      & .card--cf {
        margin-top: 10px !important;
      }
    }
  }

  .conteudo {
    & .card-title {
      text-align: center;
    }
  }

  footer {
    text-align: center;
  }
}

/*   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) {
  html {
    overflow-x: hidden;
  }
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

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

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

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

  header {
    padding: 0px;
  }

  .atuacao {
    & .card {
      & .card-body {
        height: auto !important;
      }
      & .card--ds,
      & .card--cf {
        margin-top: 10px !important;
      }
    }
  }

  .conteudo {
    & .card-title {
      text-align: center;
    }
  }

  footer {
    text-align: center;
  }
}

/*    414 px | mobile Iphone Plus  **/
@media only screen and (max-width: 414px) {
  html {
    overflow-x: hidden;
  }
  header {
    padding: 0px;
  }

  .atuacao {
    & .card--ds,
    & .card--cf {
      margin-top: 10px !important;
    }
  }

  .conteudo {
    & .card-title {
      text-align: center;
    }
  }

  footer {
    text-align: center;
  }
}

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

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

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

  header {
    padding: 0px;
  }

  .atuacao {
    & .card--ds,
    & .card--cf {
      margin-top: 10px !important;
    }
  }

  .conteudo {
    & .card-title {
      text-align: center;
    }
  }

  footer {
    text-align: center;
  }
}

/*    320 px | mobile IPhone   **/
@media only screen and (max-width: 320px) {
  html {
    overflow-x: hidden;
  }
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

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

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