/* Responsividade do código */

@media (max-width: 1600px) {
  .cxs {
    flex-direction: column-reverse;
    position: relative;
    height: unset;
    min-height: 100vh;
  }
  .cx1 {
    width: 60%;
    height: 900px;
  }

  .cx2 {
    width: 60%;
    height: 100%;
    margin-top: 5.5rem;
  }

  .cx2 .tt-pg {
    font-size: 1.5rem;
    margin-bottom: 1em;
  }

  .cx1 .logo {
    width: 100%;
    position: absolute;
    display: flex;
    top: 0px;
    right: 0px;
    justify-content: center;
  }
  #logo-principal {
    width: 400px;
  }

  body {
    height: unset;
    min-height: 100vh;
  }
  .btn-gerar {
    margin-top: 1em;
  }
}
@media (max-width: 1220px) {
  body p {
    font-size: smaller !important;
  }
  #cx-assinatura > div.assinatura > div.info-ctt > div:nth-child(4) > p,
  #cx-assinatura > div.assinatura > div.info-ctt > div:nth-child(2) > p,
  #cx-assinatura > div.assinatura > div.info-ctt > div:nth-child(3) > p {
    font-size: x-small !important;
  }
  .scb-logo {
    margin-bottom: -2em;
  }
  .colaborador h2 {
    font-size: medium;
    margin-left: -1;
  }
}

@media (max-width: 1000px) {
  .cx1,
  .cx2,
  #fnome,
  .fcargo,
  #cfaLink,
  .ag-un {
    width: 90%;
  }
}

@media (max-width: 600px) {
  body p {
    font-size: x-small !important;
  }
  #cx-assinatura > div.assinatura > div.info-ctt > div:nth-child(4) > p,
  #cx-assinatura > div.assinatura > div.info-ctt > div:nth-child(2) > p,
  #cx-assinatura > div.assinatura > div.info-ctt > div:nth-child(3) > p {
    font-size: xx-small !important;
  }
  .colaborador h2 {
    font-size: small;
  }
  .btn-gerar input {
    font-size: large;
  }
  .txt-rdp {
    font-size: 12px !important;
  }
  .btn-gerar {
    margin-bottom: -2em;
  }

  #logo-principal {
    margin-top: 20px;
  }
  #campoCert2,
  #campoCert3 {
    height: 80%;
    width: 80%;
  }
  #campoCert1 {
    height: 40%;
    width: 80%;
  }
  .line {
    width: 40%;
    height: 80%;
  }
  .cx1 {
    height: 700px;
  }
  .scb-logo {
    margin-bottom: -1em;
  }
  .bv-texto {
    margin-left: 20px;
  }
  .btn-gerar {
    margin-bottom: unset;
  }
  #logo-principal {
    width: 300px;
  }
  .cert-box label {
    font-size: small;
  }
  .cert-box {
    margin-top: 10px;
  }
}