@media (min-width: 1024px) {
  .barra-fixa {
    display: none;
  }
}
@media (max-width: 1023px) {
  .barra-fixa {
    display: block;
  }
}
@media (min-width: 1921px) {
  .banner {
    padding: 8rem;
    background-position-y: 34%;
  }
  .banner .logo {
    margin: 6rem 0 1rem;
  }
  .banner .logo img {
    width: 30%;
  }
  .banner .chamada h1 {
    color: #fff;
    font-weight: 500;
    font-size: 5.5rem;
    line-height: 1.15;
    margin: 0;
  }
  .banner .formulario {
    padding: 3rem 2rem;
    width: 25%;
  }
  .banner .formulario .titulo-form h1 {
    font-size: 2.75rem;
  }
  .banner .formulario form .campos {
    margin-top: 2rem;
  }
  .banner .formulario form .campos label {
    font-size: 1.25rem;
  }
  .banner .formulario form .campos input,
  .banner .formulario form .campos select {
    height: 3.75rem;
  }
  .banner .formulario form .bt-section {
    margin-top: 3rem;
  }
  .banner .formulario form .bt-section button {
    font-size: 1.65rem;
    padding: 1.25rem;
  }
  .diferenciais {
    padding: 15rem 8rem 10rem;
    margin-top: -10%;
  }
  .diferenciais .titulo h1 {
    font-size: 4.5rem;
  }
  .diferenciais .itens {
    margin-top: 4rem;
  }
  .diferenciais .itens .item {
    background-color: #fff;
    min-height: 7rem;
    position: relative;
    margin: 2rem 2rem;
  }
  .diferenciais .itens .item .fundo-azul {
    left: -4%;
    top: 14%;
    padding: 0.75rem 1.25rem;
  }
  .diferenciais .itens .item .fundo-azul p {
    color: #fff;
    margin: 0;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1;
  }
  .diferenciais .itens .item .fundo-azul p span {
    font-size: 1.37rem;
  }
  .mercado {
    padding: 8rem 8rem 10rem;
  }
  .mercado .caminhao {
    position: absolute;
    top: -5%;
    left: 0%;
    width: 15%;
  }
  .mercado .caminhao img {
    width: 100%;
    height: auto;
  }
  .mercado .titulo h1 {
    font-size: 5rem;
    color: #fff;
    font-weight: 800;
    text-align: center;
    margin: 0%;
    line-height: 1;
    text-transform: uppercase;
  }
  .mercado .titulo h1 span {
    color: #002538;
  }
  .mercado .graficos .m-item {
    padding: 0 3rem;
  }
  .mercado .graficos .m-item span {
    font-size: 1.75rem;
  }
  .mercado .graficos .m-item svg.radial-progress {
    max-width: 28rem;
  }
  .mercado svg.radial-progress {
    height: auto;
    max-width: 19rem;
    padding: 0;
    transform: rotate(-90deg);
    width: 100%;
  }
  .mercado svg.radial-progress circle {
    fill: rgba(0, 0, 0, 0);
    stroke: #fff;
    stroke-dashoffset: 219.9114857513;
    stroke-width: 8;
  }
  .mercado svg.radial-progress circle.incomplete {
    opacity: 1;
  }
  .mercado svg.radial-progress circle.complete {
    stroke-dasharray: 219.9114857513;
  }
  .mercado svg.radial-progress text.percentage {
    fill: #fff;
    font-weight: 700;
    font-size: 0.7rem;
    text-anchor: middle;
    line-height: 1;
  }
  .mercado svg.radial-progress text.populacao {
    fill: #002538;
    font-weight: 800;
    font-size: 0.4rem;
    line-height: 1;
    text-anchor: middle;
  }
  .mercado svg.radial-progress:nth-of-type(6n + 1) circle.complete {
    stroke: #002538 !important;
  }
  .mercado svg.radial-progress:nth-of-type(6n + 1) circle.incomplete {
    stroke: #fff;
  }
  .mercado svg.radial-progress:nth-of-type(6n + 2) circle.complete {
    stroke: #002538 !important;
  }
  .mercado svg.radial-progress:nth-of-type(6n + 2) circle.incomplete {
    stroke: #fff;
  }
  .mercado .mapa {
    margin-top: -3%;
  }
  .mercado .mapa img {
    width: 85%;
    height: auto;
  }
  .nossos_valores {
    margin-top: -8%;
    padding: 14rem 8rem 8rem;
    background: url("../img/section4.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    position: relative;
  }
  .nossos_valores .titulo h1 {
    font-size: 4.5rem;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    color: #002538;
  }
  .nossos_valores .itens-valores {
    margin: 5rem 0rem;
  }
  .nossos_valores .itens-valores .item img {
    width: 100%;
    height: auto;
  }
  .nossos_valores .itens .d-flex .item {
    width: 10rem;
    height: 10rem;
    padding: 1.85rem;
  }
  .nossos_valores .itens .d-flex .texto p {
    font-size: 2rem;
  }
  .quemsomos {
    padding: 8rem;
    background-color: #002538;
    position: relative;
  }
  .quemsomos .titulo h1 {
    font-size: 4.65rem;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
  }
  .quemsomos .texto {
    width: 80%;
    margin: 2rem 0 0;
  }
  .quemsomos .texto p {
    font-size: 1.75rem;
    font-weight: 400;
    margin: 0;
    line-height: 1;
    color: #fff;
  }
  .quemsomos .imagem-final {
    position: absolute;
    right: 0%;
    bottom: -1%;
    width: 30%;
  }
  .quemsomos .imagem-final img {
    width: 100%;
    height: auto;
  }
  .quemsomos .rede-social h3 {
    font-size: 1.75rem;
    font-weight: 400;
    margin: 4rem 0 1rem;
    line-height: 1;
    color: #fff;
  }
  .quemsomos .rede-social .itens a {
    margin: 0 1rem;
  }
  .footer {
    padding: 1rem 3rem;
    font-size: 1.5rem;
  }
  .section-obrigado {
    background-size: cover;
  }
  .section-obrigado .logo img {
    width: 30%;
  }
  .section-obrigado h1 {
    font-size: 3rem;
  }
  .section-obrigado h2 {
    font-size: 1.5rem;
  }
  .section-obrigado .btn-whatsapp {
    font-size: 1.5rem;
    padding: 1.5rem 4rem;
    margin-top: 2rem;
  }
}
@media (min-width: 1441px) and (max-width: 1919px) {
  .banner {
    padding: 6rem;
  }
  .banner .logo {
    margin: 7rem 0 1rem;
  }
  .banner .chamada {
    margin-top: 2rem;
  }
  .banner .chamada h1 {
    font-size: 4rem;
  }
  .banner .formulario {
    padding: 2rem 1.5rem;
    width: 25%;
  }
  .banner .formulario .titulo-form h1 {
    font-size: 1.75rem;
  }
  .banner .formulario form .campos {
    margin-top: 2rem;
  }
  .banner .formulario form .campos label {
    font-size: 1rem;
  }
  .banner .formulario form .campos input,
  .banner .formulario form .campos select {
    height: 2.5rem;
  }
  .banner .formulario form .bt-section {
    margin-top: 2rem;
  }
  .banner .formulario form .bt-section button {
    font-size: 1rem;
    padding: 0.95rem;
  }
  .diferenciais {
    padding: 12rem 6rem 8rem;
    min-height: auto;
  }
  .diferenciais .titulo h1 {
    font-size: 3.35rem;
  }
  .diferenciais .itens {
    margin-top: 2rem;
  }
  .diferenciais .itens .item {
    min-height: 5rem;
    position: relative;
    margin: 1rem 1rem;
  }
  .diferenciais .itens .item .fundo-azul {
    position: absolute;
    left: -4%;
    top: 19%;
    padding: 0.5rem 1rem;
  }
  .diferenciais .itens .item .fundo-azul p {
    font-weight: 500;
    font-size: 1.35rem;
    line-height: 1;
  }
  .diferenciais .itens .item .fundo-azul p span {
    font-size: 0.95rem;
  }
  .mercado {
    padding: 7rem 6rem 7rem;
    min-height: auto;
  }
  .mercado .titulo h1 {
    font-size: 4.5rem;
  }
  .nossos_valores {
    padding: 9rem 6rem 9rem;
    min-height: auto;
  }
  .nossos_valores .titulo h1 {
    font-size: 3.25rem;
  }
  .nossos_valores .itens-valores {
    margin: 3.5rem 0rem;
  }
  .nossos_valores .itens-valores .item {
    width: 100% !important;
  }
  .nossos_valores .itens-valores .item img {
    width: 100%;
  }
  .nossos_valores .itens .d-flex .item {
    width: 7rem;
    height: 7rem;
    padding: 1rem;
  }
  .nossos_valores .itens .d-flex .texto p {
    font-size: 1.25rem;
  }
  .quemsomos {
    padding: 7rem 7rem 6rem;
    min-height: auto;
  }
  .quemsomos .titulo h1 {
    font-size: 4.25rem;
  }
  .quemsomos .texto {
    margin-top: 2rem;
    width: 85%;
  }
  .quemsomos .texto p {
    font-size: 1.25rem;
  }
  .quemsomos .rede-social h3 {
    font-size: 1.25rem;
    margin: 2rem 0 0rem;
  }
  .quemsomos .itens {
    margin-top: 2rem;
  }
  .quemsomos .itens a img {
    width: 5%;
  }
  .quemsomos .imagem-final {
    width: 35%;
  }
  .footer {
    font-size: 1rem;
  }
  .footer a {
    font-size: 1rem;
  }
  .section-obrigado {
    background-size: cover;
  }
  .btn-whats .img-whats {
    position: fixed;
    bottom: 7rem;
    width: 7%;
    right: 10%;
  }
  .btn-whats .img-whats a img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1367px) and (max-width: 1440px) {
  .banner {
    padding: 6rem;
  }
  .banner .logo {
    margin: 9rem 0 1rem;
  }
  .banner .chamada h1 {
    font-size: 3.5rem;
  }
  .banner .formulario {
    padding: 2rem 1.5rem;
    width: 25%;
  }
  .banner .formulario .titulo-form h1 {
    font-size: 1.75rem;
  }
  .banner .formulario form .campos {
    margin-top: 2rem;
  }
  .banner .formulario form .campos label {
    font-size: 1rem;
  }
  .banner .formulario form .campos input,
  .banner .formulario form .campos select {
    height: 2.5rem;
  }
  .banner .formulario form .bt-section {
    margin-top: 2rem;
  }
  .banner .formulario form .bt-section button {
    font-size: 0.95rem;
    padding: 0.85rem;
  }
  .diferenciais {
    padding: 8rem 6rem 8rem;
    min-height: auto;
  }
  .diferenciais .titulo h1 {
    font-size: 3rem;
  }
  .diferenciais .itens {
    margin-top: 2rem;
  }
  .diferenciais .itens .item {
    min-height: 5rem;
    position: relative;
    margin: 1rem 1rem;
  }
  .diferenciais .itens .item .fundo-azul {
    position: absolute;
    left: -5%;
    top: 19%;
    padding: 0.5rem 1rem;
  }
  .diferenciais .itens .item .fundo-azul p {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1;
  }
  .diferenciais .itens .item .fundo-azul p span {
    font-size: 0.85rem;
  }
  .mercado {
    padding: 7rem 6rem 7rem;
    min-height: auto;
  }
  .mercado .titulo h1 {
    font-size: 3.25rem;
  }
  .nossos_valores {
    padding: 8rem 6rem 6rem;
    min-height: auto;
  }
  .nossos_valores .titulo h1 {
    font-size: 2.75rem;
  }
  .nossos_valores .itens-valores {
    margin: 3.5rem 0rem;
  }
  .nossos_valores .itens-valores .item {
    width: 100% !important;
  }
  .nossos_valores .itens-valores .item img {
    width: 100%;
  }
  .nossos_valores .itens .d-flex .item {
    width: 7rem;
    height: 7rem;
    padding: 1rem;
  }
  .nossos_valores .itens .d-flex .texto p {
    font-size: 1.25rem;
  }
  .quemsomos {
    padding: 6rem 6rem 6rem;
    min-height: auto;
  }
  .quemsomos .titulo h1 {
    font-size: 3rem;
  }
  .quemsomos .texto {
    margin-top: 2rem;
    width: 85%;
  }
  .quemsomos .texto p {
    font-size: 1.25rem;
  }
  .quemsomos .rede-social h3 {
    font-size: 1.25rem;
    margin: 2rem 0 0rem;
  }
  .quemsomos .itens {
    margin-top: 2rem;
  }
  .quemsomos .itens a img {
    width: 7%;
  }
  .quemsomos .imagem-final {
    width: 40%;
  }
  .footer {
    font-size: 0.75rem;
  }
  .footer a {
    font-size: 0.75rem;
  }
  .section-obrigado {
    padding: 4rem;
  }
  .section-obrigado h2 {
    font-size: 1.2rem;
  }
  .btn-whats .img-whats {
    position: fixed;
    bottom: 7rem;
    width: 7%;
    right: 10%;
  }
  .btn-whats .img-whats a img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1280px) and (max-width: 1366px) {
  .banner {
    padding: 5rem;
  }
  .banner .logo {
    margin: 7rem 0 1rem;
  }
  .banner .chamada h1 {
    font-size: 3.25rem;
  }
  .banner .formulario {
    padding: 1.55rem 1.35rem;
  }
  .banner .formulario .titulo-form h1 {
    font-size: 1.5rem;
  }
  .banner .formulario form .campos {
    margin-top: 1rem;
  }
  .banner .formulario form .campos label {
    font-size: 0.85rem;
  }
  .banner .formulario form .campos input,
  .banner .formulario form .campos select {
    height: 2.25rem;
  }
  .banner .formulario form .bt-section {
    margin-top: 1rem;
  }
  .banner .formulario form .bt-section button {
    font-size: 0.85rem;
    padding: 0.75rem;
  }
  .diferenciais {
    padding: 7rem 5rem 7rem;
    min-height: auto;
  }
  .diferenciais .titulo h1 {
    font-size: 3rem;
  }
  .diferenciais .itens {
    margin-top: 2rem;
  }
  .diferenciais .itens .item {
    min-height: 4rem;
    position: relative;
    margin: 1rem 1rem;
  }
  .diferenciais .itens .item .fundo-azul {
    position: absolute;
    left: -5%;
    top: 19%;
    padding: 0.5rem 0.75rem;
  }
  .diferenciais .itens .item .fundo-azul p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
  }
  .diferenciais .itens .item .fundo-azul p span {
    font-size: 0.7rem;
  }
  .mercado {
    padding: 6rem 5rem 6rem;
    min-height: auto;
  }
  .mercado .titulo h1 {
    font-size: 3.25rem;
  }
  .nossos_valores {
    padding: 8rem 6rem 6rem;
    min-height: auto;
  }
  .nossos_valores .titulo h1 {
    font-size: 2.75rem;
  }
  .nossos_valores .itens-valores {
    margin: 3.5rem 0rem;
  }
  .nossos_valores .itens-valores .item {
    width: 100% !important;
  }
  .nossos_valores .itens-valores .item img {
    width: 100%;
  }
  .nossos_valores .itens .d-flex .item {
    width: 7rem;
    height: 7rem;
    padding: 1rem;
  }
  .nossos_valores .itens .d-flex .texto p {
    font-size: 1.25rem;
  }
  .quemsomos {
    padding: 5rem;
    min-height: auto;
  }
  .quemsomos .titulo h1 {
    font-size: 2.5rem;
  }
  .quemsomos .texto {
    margin-top: 2rem;
    width: 70%;
  }
  .quemsomos .texto p {
    font-size: 1rem;
  }
  .quemsomos .rede-social h3 {
    font-size: 1rem;
    margin: 2rem 0 0rem;
  }
  .quemsomos .itens {
    margin-top: 2rem;
  }
  .quemsomos .itens a img {
    width: 7%;
  }
  .quemsomos .imagem-final {
    width: 40%;
  }
  .footer {
    font-size: 0.75rem;
  }
  .footer a {
    font-size: 0.75rem;
  }
  .section-obrigado {
    padding: 4rem;
    background-size: cover;
  }
  .btn-whats .img-whats {
    position: fixed;
    right: 13%;
    bottom: 3rem;
    width: 7%;
  }
  .btn-whats .img-whats a img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .banner {
    padding: 4rem;
  }
  .banner .logo {
    margin: 4rem 0 1rem;
  }
  .banner .chamada h1 {
    font-size: 2.75rem;
  }
  .banner .formulario {
    padding: 1.55rem 1.35rem;
  }
  .banner .formulario .titulo-form h1 {
    font-size: 1.5rem;
  }
  .banner .formulario form .campos {
    margin-top: 1rem;
  }
  .banner .formulario form .campos label {
    font-size: 0.85rem;
  }
  .banner .formulario form .campos input,
  .banner .formulario form .campos select {
    height: 2.25rem;
  }
  .banner .formulario form .bt-section {
    margin-top: 1rem;
  }
  .banner .formulario form .bt-section button {
    font-size: 0.85rem;
    padding: 0.75rem;
  }
  .diferenciais {
    padding: 6rem 4rem 6rem;
    min-height: auto;
  }
  .diferenciais .titulo h1 {
    font-size: 2.5rem;
  }
  .diferenciais .itens {
    margin-top: 2rem;
  }
  .diferenciais .itens .item {
    min-height: 3rem;
    position: relative;
    margin: 0.75rem 0.75rem;
  }
  .diferenciais .itens .item .fundo-azul {
    position: absolute;
    left: -5%;
    top: 19%;
    padding: 0.5rem 0.65rem;
  }
  .diferenciais .itens .item .fundo-azul p {
    font-weight: 500;
    font-size: 0.85rem;
    line-height: 1;
  }
  .diferenciais .itens .item .fundo-azul p span {
    font-size: 0.6rem;
  }
  .mercado {
    padding: 5rem 4rem 5rem;
    min-height: auto;
  }
  .mercado .titulo h1 {
    font-size: 2.5rem;
  }
  .nossos_valores {
    padding: 6rem 3rem 4rem;
    min-height: auto;
  }
  .nossos_valores .titulo h1 {
    font-size: 2.75rem;
  }
  .nossos_valores .itens-valores {
    margin: 3.5rem 0rem;
  }
  .nossos_valores .itens-valores .item {
    width: 100% !important;
  }
  .nossos_valores .itens-valores .item img {
    width: 100%;
  }
  .nossos_valores .itens .d-flex .item {
    width: 5rem;
    height: 5rem;
    padding: 1rem;
  }
  .nossos_valores .itens .d-flex .texto p {
    font-size: 1.25rem;
  }
  .quemsomos {
    padding: 4rem;
    min-height: auto;
  }
  .quemsomos .titulo h1 {
    font-size: 2.25rem;
  }
  .quemsomos .texto {
    margin-top: 2rem;
    width: 80%;
  }
  .quemsomos .texto p {
    font-size: 0.85rem;
  }
  .quemsomos .rede-social h3 {
    font-size: 1rem;
    margin: 1rem 0 0rem;
  }
  .quemsomos .itens {
    margin-top: 1rem;
  }
  .quemsomos .itens a img {
    width: 6%;
  }
  .quemsomos .imagem-final {
    width: 38%;
  }
  .footer {
    font-size: 0.75rem;
  }
  .footer a {
    font-size: 0.75rem;
  }
  .section-obrigado {
    padding: 4rem;
  }
  .section-obrigado h2 {
    font-size: 1.2rem;
  }
  .btn-whats .img-whats {
    position: fixed;
    right: 10%;
    bottom: 1rem;
    width: 7%;
  }
  .btn-whats .img-whats a img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .banner {
    padding: 4rem 4rem 7rem;
    background: url(../img/banner-mobile.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }
  .banner .logo {
    margin: 2rem 0;
    text-align: center;
  }
  .banner .chamada h1 {
    font-size: 4.25rem;
    text-align: center;
  }
  .banner .formulario {
    padding: 3rem 2rem;
    position: static;
    width: 80%;
    margin-left: 10%;
    margin-top: 5rem;
  }
  .banner .formulario .titulo-form h1 {
    font-size: 2.5rem;
  }
  .banner .formulario form .campos {
    margin-top: 2rem;
  }
  .banner .formulario form .campos label {
    font-size: 1rem;
  }
  .banner .formulario form .campos input,
  .banner .formulario form .campos select {
    height: 3rem;
  }
  .banner .formulario form .bt-section {
    margin-top: 3rem;
  }
  .banner .formulario form .bt-section button {
    font-size: 1.25rem;
    padding: 1rem;
  }
  .diferenciais {
    padding: 7rem 5rem 7rem;
    min-height: auto;
  }
  .diferenciais .titulo h1 {
    font-size: 2.5rem;
  }
  .diferenciais .itens {
    margin-top: 2rem;
  }
  .diferenciais .itens .item {
    min-height: 4rem;
    position: relative;
    margin: 1rem 1rem;
  }
  .diferenciais .itens .item .fundo-azul {
    position: absolute;
    left: -5%;
    top: 19%;
    padding: 0.5rem 0.75rem;
  }
  .diferenciais .itens .item .fundo-azul p {
    font-weight: 500;
    font-size: 0.85rem;
    line-height: 1;
  }
  .diferenciais .itens .item .fundo-azul p span {
    font-size: 0.6rem;
  }
  .mercado {
    padding: 6rem 5rem 6rem;
    min-height: auto;
  }
  .mercado .caminhao {
    width: 30%;
  }
  .mercado .titulo h1 {
    font-size: 2.5rem;
  }
  .mercado .graficos {
    margin: 3rem 0 5rem;
  }
  .mercado .graficos .m-item {
    padding: 0 0.5rem;
  }
  .mercado .graficos .m-item span {
    font-size: 0.85rem;
    margin: 0.85rem 0 0;
  }
  .mercado .graficos svg.radial-progress text.percentage {
    font-size: 0.6rem;
  }
  .nossos_valores {
    padding: 8rem 4rem 4rem;
    min-height: auto;
  }
  .nossos_valores .titulo h1 {
    font-size: 2.5rem;
  }
  .nossos_valores .itens-valores {
    margin: 3.5rem 0rem;
  }
  .nossos_valores .itens-valores .item {
    width: 100% !important;
  }
  .nossos_valores .itens-valores .item img {
    width: 100%;
  }
  .nossos_valores .itens .d-flex .item {
    width: 7rem;
    height: 7rem;
    padding: 1rem;
  }
  .nossos_valores .itens .d-flex .texto p {
    font-size: 1.25rem;
  }
  .quemsomos {
    padding: 4rem;
    min-height: auto;
  }
  .quemsomos .titulo h1 {
    font-size: 2.5rem;
    text-align: center;
  }
  .quemsomos .titulo h1 br {
    display: none;
  }
  .quemsomos .texto {
    margin-top: 2rem;
    width: 100%;
  }
  .quemsomos .texto p {
    font-size: 1.3rem;
    text-align: justify;
  }
  .quemsomos .rede-social h3 {
    font-size: 1.3rem;
    margin: 2rem 0 0rem;
  }
  .quemsomos .itens {
    margin-top: 2rem;
  }
  .quemsomos .itens a img {
    width: 7%;
  }
  .quemsomos .imagem-final {
    width: 40%;
    display: none;
  }
  .section-obrigado {
    padding: 4rem;
  }
  .section-obrigado h2 {
    font-size: 1.2rem;
  }
  .btn-whats .img-whats {
    position: fixed;
    left: -1%;
    bottom: 5rem;
    width: 10%;
  }
  .btn-whats .img-whats a img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 380px) and (max-width: 767px) {
  .banner {
    padding: 3rem 3rem 5rem;
    background: url(../img/banner-mobile.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }
  .banner .logo {
    margin: 1rem 0;
    text-align: center;
  }
  .banner .logo img {
    width: 40%;
  }
  .banner .chamada h1 {
    font-size: 2.15rem;
    text-align: center;
  }
  .banner .chamada h1 br {
    display: none;
  }
  .banner .formulario {
    padding: 1.5rem 1.25rem;
    position: static;
    width: 80%;
    margin-left: 10%;
    margin-top: 5rem;
  }
  .banner .formulario .titulo-form h1 {
    font-size: 1.25rem;
  }
  .banner .formulario form .campos {
    margin-top: 1rem;
  }
  .banner .formulario form .campos label {
    font-size: 0.85rem;
  }
  .banner .formulario form .campos input,
  .banner .formulario form .campos select {
    height: 2.15rem;
  }
  .banner .formulario form .bt-section {
    margin-top: 1.5rem;
  }
  .banner .formulario form .bt-section button {
    font-size: 0.75rem;
    padding: 0.75rem;
  }
  .diferenciais {
    padding: 7rem 3rem 6rem;
    min-height: auto;
    margin-top: -21%;
  }
  .diferenciais .titulo h1 {
    font-size: 2.5rem;
  }
  .diferenciais .itens {
    margin-top: 2rem;
  }
  .diferenciais .itens .item {
    min-height: 4rem;
    position: relative;
    margin: 1rem 1rem;
  }
  .diferenciais .itens .item .fundo-azul {
    position: absolute;
    left: -5%;
    top: 19%;
    padding: 0.5rem 0.75rem;
    min-width: 97%;
  }
  .diferenciais .itens .item .fundo-azul p {
    font-weight: 500;
    font-size: 0.85rem;
    line-height: 1;
  }
  .diferenciais .itens .item .fundo-azul p span {
    font-size: 0.6rem;
  }
  .mercado {
    padding: 6rem 3rem 6rem;
    min-height: auto;
  }
  .mercado .caminhao {
    width: 40%;
  }
  .mercado .titulo h1 {
    font-size: 2.5rem;
  }
  .mercado .graficos {
    margin: 2rem 0 5rem;
  }
  .mercado .graficos .m-item {
    padding: 0 0.5rem;
    margin: 1rem 0;
  }
  .mercado .graficos .m-item span {
    font-size: 0.85rem;
    margin: 0.85rem 0 0;
  }
  .mercado .graficos svg.radial-progress text.percentage {
    font-size: 0.6rem;
  }
  .mercado .mapa {
    width: 20rem;
  }
  #itens-valores-desk {
    display: none;
  }
  .nossos_valores {
    padding: 13rem 4rem 4rem;
    min-height: auto;
    margin-top: -27%;
  }
  .nossos_valores .titulo h1 {
    font-size: 2.5rem;
    text-align: center;
  }
  .nossos_valores .itens-valores {
    margin: 1.5rem 0rem;
    display: none;
  }
  .nossos_valores .itens-valores .item {
    width: 100% !important;
  }
  .nossos_valores .itens-valores .item img {
    width: 100%;
  }
  .nossos_valores .itens-mobile {
    margin-bottom: 3rem;
    display: block;
  }
  .nossos_valores .itens-mobile .item {
    width: 100%;
  }
  .nossos_valores .itens-mobile .item img {
    width: 100%;
    height: auto;
  }
  .nossos_valores .itens .d-flex .item {
    width: 7rem;
    height: 7rem;
    padding: 1rem;
  }
  .nossos_valores .itens .d-flex .texto p {
    font-size: 1.25rem;
  }
  .quemsomos {
    padding: 3rem;
    min-height: auto;
  }
  .quemsomos .titulo h1 {
    font-size: 2.15rem;
    text-align: center;
  }
  .quemsomos .titulo h1 br {
    display: none;
  }
  .quemsomos .texto {
    margin-top: 2rem;
    width: 100%;
  }
  .quemsomos .texto p {
    font-size: 1.3rem;
    text-align: justify;
  }
  .quemsomos .rede-social h3 {
    font-size: 1.3rem;
    margin: 2rem 0 0rem;
  }
  .quemsomos .itens {
    margin-top: 2rem;
  }
  .quemsomos .itens a img {
    width: 7%;
  }
  .quemsomos .imagem-final {
    width: 40%;
    display: none;
  }
  .footer {
    font-size: 0.6rem;
  }
  .footer a {
    font-size: 0.6rem;
  }
  .section-obrigado {
    padding: 2rem;
  }
  .section-obrigado .logo img {
    width: 50%;
  }
  .section-obrigado h1 {
    font-size: 1.5rem;
  }
  .section-obrigado h2 {
    font-size: 0.8rem;
  }
  .section-obrigado .btn-whatsapp {
    padding: 0.8rem 1rem;
  }
  .btn-whats .img-whats {
    position: fixed;
    left: 78%;
    bottom: 5rem;
    width: 22%;
  }
  .btn-whats .img-whats a img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 379px) {
  .banner {
    padding: 3rem 2rem 5rem;
    background: url(../img/banner-mobile.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }
  .banner .logo {
    margin: 1rem 0;
    text-align: center;
  }
  .banner .logo img {
    width: 40%;
  }
  .banner .chamada h1 {
    font-size: 2rem;
    text-align: center;
  }
  .banner .chamada h1 br {
    display: none;
  }
  .banner .formulario {
    padding: 1.5rem 1.25rem;
    position: static;
    width: 80%;
    margin-left: 10%;
    margin-top: 5rem;
  }
  .banner .formulario .titulo-form h1 {
    font-size: 1.25rem;
  }
  .banner .formulario form .campos {
    margin-top: 1rem;
  }
  .banner .formulario form .campos label {
    font-size: 0.85rem;
  }
  .banner .formulario form .campos input,
  .banner .formulario form .campos select {
    height: 2.15rem;
  }
  .banner .formulario form .bt-section {
    margin-top: 1.5rem;
  }
  .banner .formulario form .bt-section button {
    font-size: 0.75rem;
    padding: 0.75rem;
  }
  .diferenciais {
    padding: 7rem 2rem 6rem;
    min-height: auto;
    margin-top: -23%;
  }
  .diferenciais .titulo h1 {
    font-size: 2.5rem;
  }
  .diferenciais .itens {
    margin-top: 2rem;
  }
  .diferenciais .itens .item {
    min-height: 4rem;
    position: relative;
    margin: 1rem 1rem;
  }
  .diferenciais .itens .item .fundo-azul {
    position: absolute;
    left: -5%;
    top: 19%;
    padding: 0.5rem 0.75rem;
    min-width: 97%;
  }
  .diferenciais .itens .item .fundo-azul p {
    font-weight: 500;
    font-size: 0.85rem;
    line-height: 1;
  }
  .diferenciais .itens .item .fundo-azul p span {
    font-size: 0.6rem;
  }
  .mercado {
    padding: 6rem 3rem 6rem;
    min-height: auto;
  }
  .mercado .caminhao {
    width: 40%;
  }
  .mercado .titulo h1 {
    font-size: 2.5rem;
  }
  .mercado .graficos {
    margin: 2rem 0 5rem;
  }
  .mercado .graficos .m-item {
    padding: 0 0.5rem;
    margin: 1rem 0;
  }
  .mercado .graficos .m-item span {
    font-size: 0.85rem;
    margin: 0.85rem 0 0;
  }
  .mercado .graficos svg.radial-progress text.percentage {
    font-size: 0.6rem;
  }
  .mercado .mapa {
    position: relative;
    width: 25rem;
    left: -30%;
  }
  #itens-valores-desk {
    display: none;
  }
  .nossos_valores {
    padding: 12rem 2rem 0rem;
    min-height: auto;
    margin-top: -27%;
  }
  .nossos_valores .titulo h1 {
    font-size: 2.5rem;
    text-align: center;
  }
  .nossos_valores .itens-valores {
    margin: 1.5rem 0rem;
    display: none;
  }
  .nossos_valores .itens-valores .item {
    width: 100% !important;
  }
  .nossos_valores .itens-valores .item img {
    width: 100%;
  }
  .nossos_valores .itens-mobile {
    margin-bottom: 3rem;
    display: block;
  }
  .nossos_valores .itens-mobile .item {
    width: 100%;
  }
  .nossos_valores .itens-mobile .item img {
    width: 100%;
    height: auto;
  }
  .nossos_valores .itens .d-flex .item {
    width: 5rem;
    height: 5rem;
    padding: 1rem;
  }
  .nossos_valores .itens .d-flex .texto p {
    font-size: 1.15rem;
  }
  .quemsomos {
    padding: 4rem 2rem;
    min-height: auto;
  }
  .quemsomos .titulo h1 {
    font-size: 2.15rem;
    text-align: center;
  }
  .quemsomos .titulo h1 br {
    display: none;
  }
  .quemsomos .texto {
    margin-top: 2rem;
    width: 100%;
  }
  .quemsomos .texto p {
    font-size: 1.2rem;
    text-align: justify;
  }
  .quemsomos .rede-social h3 {
    font-size: 1.2rem;
    margin: 2rem 0 0rem;
  }
  .quemsomos .itens {
    margin-top: 2rem;
  }
  .quemsomos .itens a img {
    width: 7%;
  }
  .quemsomos .imagem-final {
    width: 40%;
    display: none;
  }
  .footer {
    font-size: 0.6rem;
  }
  .footer a {
    font-size: 0.6rem;
  }
  .section-obrigado {
    padding: 2rem;
  }
  .section-obrigado .logo img {
    width: 50%;
  }
  .section-obrigado h1 {
    font-size: 1.5rem;
  }
  .section-obrigado h2 {
    font-size: 0.8rem;
  }
  .section-obrigado .btn-whatsapp {
    padding: 0.8rem 1rem;
  }
  .btn-whats .img-whats {
    position: fixed;
    left: 79%;
    bottom: 5rem;
    width: 19%;
  }
  .btn-whats .img-whats a img {
    width: 100%;
    height: auto;
  }
}/*# sourceMappingURL=mobile.css.map */