/* MEDIA QUERYs*/
@media (min-width: 375px) and (max-width: 414px) {
  .headermobile {
    display: flex;
  }

  .header {
    display: none;
  }

  .headermobile {
    display: flex;
  }

  .textoheadermb {
    padding-left: 20%;
  }

  iframe {
    width: 350px;
    height: 200px;
  }

  .logorodape img {
    max-width: 100%;
  }

  .formleft {
    height: auto;
    margin: auto;
  }

  .email {
    font-size: 12px;
  }

  .formRight {
    height: auto;
    margin: 20px auto auto auto;
  }

  .formRight p {
    font-size: 80%;
  }

  form button {
    margin-right: 12px;
  }

  #SProce {
    margin-left: 15px;
  }

  .contato {
    font-size: 20px;
  }

  textarea {
    height: auto;
  }

  .video1,
  .video2 {
    font-size: 10px;
  }

  video {
    width: 350px;
    height: auto;
  }

  .card {
    min-width: 150px;
  }

  .procedimentos .card .cardtitle {
    font-size: 10px;
    text-align: start;
  }

  .procedimentos .card .carddescription {
    font-size: 12px;
    padding: 0px 10px 0px 15px;
  }

  .procedimentos .card .carddescription ul {
    font-size: 12px;
  }
  .RedesSociais img {
    width: 30px;
    height: auto;
  }
}

@media (min-width: 415px) and (max-width: 768px) {
  .headermobile {
    display: flex;
  }

  .header {
    display: none;
  }

  .textoheadermb {
    width: 80%;
    padding-left: 15%;
  }

  iframe {
    width: 500px;
    height: 283px;
  }

  .video1 h2 {
    font-size: 1rem;
  }

  .video2 h2 {
    font-size: 1rem;
  }

  video {
    width: 450px;
    height: auto;
  }

  .logorodape img {
    max-width: 100%;
  }

  .card {
    max-width: 300px;
  }

  .procedimentos .card .cardtitle {
    font-size: 8px;
    text-align: start;
    margin-left: 20px;
    font-weight: 900;
  }

  .procedimentos .card .carddescription {
    font-size: 12px;
  }

  .procedimentos .card .carddescription ul {
    font-size: 12px;
  }

  .RedesSociais img {
    width: 30px;
    height: auto;
  }
}

@media (min-width: 769px) and (max-width: 819px) {
  .header {
    height: 35vh;
  }

  .textoheader {
    width: 85%;
  }

  .logosvg img {
    width: 10rem;
  }

  .textoheader h1 {
    font-size: 1.9rem;
    width: 200px;
    margin: 5px 0px 5px 0px;
  }

  .textoheader h2 {
    font-size: 0.8rem;
    margin: 2px 0px 2px 0px;
  }

  .card {
    max-width: 250px;
  }
  .procedimentos .card .cardtitle {
    font-size: 10px;
    text-align: start;
  }

  .procedimentos .card .carddescription {
    font-size: 12px;
  }

  .procedimentos .card .carddescription ul {
    font-size: 12px;
  }
}

@media (min-width: 820px) and (max-width: 999px) {
  .header {
    height: 30vh;
  }

  .textoheader {
    width: 100%;
  }

  .logosvg img {
    width: 10rem;
  }

  .textoheader h1 {
    font-size: 1.5rem;
    width: 200px;
    margin: 5px 0px 5px 0px;
  }

  .textoheader h2 {
    font-size: 0.8rem;
    margin: 2px 0px 2px 0px;
  }
  .button {
    width: 120px;
    height: 30px;
  }

  .insta{

    font-size: 13px;
  }

.procedimentos{
  margin: 30px 0px 15px 0px;
}

  .card {
    max-width: 250px;
    min-width: 350px;
    margin: 5px;
  }

  .procedimentos .card .cardtitle {
    font-size: 10px;
    text-align: start;
  }

  .procedimentos .card .carddescription {
    font-size: 12px;
  }

  .procedimentos .card .carddescription ul {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1280px) {
  .header {
    height: 35vh;
  }

  .textoheader {
    width: 100%;
    background-position: 90%;
  }

  .logosvg img {
    width: 10rem;
  }

  .textoheader h1 {
    font-size: 1.5rem;
    width: 200px;
    margin: 5px 0px 5px 0px;
  }

  .textoheader h2 {
    font-size: 0.8rem;
    margin: 2px 0px 2px 0px;
  }
  .button {
    width: 120px;
    height: 30px;
    font-size: 10px;
  }

  .insta{

    font-size: 13px;
  }
  
  .textoheader {
    width: 85%;
  }

  .card {
    max-width: 250px;
  }

  .procedimentos .card .cardtitle {
    font-size: 10px;
    text-align: start;
  }

  .procedimentos .card .carddescription {
    font-size: 12px;
  }

  .procedimentos .card .carddescription ul {
    font-size: 12px;
  }

.formulario{
  flex-wrap: nowrap;
}

  .formleft,
  .formRight {
    width: 550px;
  }
}

@media (min-width: 1279px)  and (max-width: 1980px) {
  .textoheader {
    width: 85%;
  }

  .card {
    max-width: 400px;
  }

  .procedimentos .card .cardtitle {
    font-size: 12px;
    text-align: start;
  }

  .procedimentos .card .carddescription {
    font-size: 15px;
  }

  .procedimentos .card .carddescription ul {
    font-size: 15px;
  }

.formulario{
  flex-wrap: nowrap;
}

  .formleft,
  .formRight {
    width: 750px;
  }
}