@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@100;200;300;400;600;700;800;900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

.azul{
  background-color: blue;
}
.vermelho{
  background-color: red;
}
.logo{
  margin-top: 20px;
}
.active{
  background-color: #0C1812;
  height: 50px;
}
.fundo_menu{
  background-color: #387A5B;
  height: 50px;
  margin-top: 25px;
}
.faixa-topo{
  background-color: #387A5B;
  height: 30px;
}
.fundo-topo{
  color: white;
}
.fa-fa-icons{
  color: white;
  margin-top: -31px;
  letter-spacing: 14px;
  font-size: 20px;
  text-align: end;
}
.txt-data-email{
  font-family: sans-serif;
  font-size: 15px;
  color: black;
  margin-top: 43px;
}
.tit-h1-verde{
  font-family: "Blinker", sans-serif;
  font-size: 35px;
  color: #38795A;
  font-weight: 700;
  font-style: italic;
}
.tit-h1-preto{
  font-family: "Blinker", sans-serif;
  font-size: 35px;
  color: black;
  font-weight: 700;
  font-style: italic;
}
.txt-empresa{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  color: black;
  line-height: 25px;
  text-align: justify;
}
.txt-pg-empresa{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: black;
  line-height: 22px;
  text-align: justify;
}
.bt-saiba-mais{
  margin-top: 10px;
  float: left;
  margin-left: 15px;
}
.txt-solucoes{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: black;
  margin-top: -16px;
}
.txt-solucoes-detalhes{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: black;
  margin-top: -6px;
}
.pic-servicos-home{
  text-align: center;
  margin-top: 30px;
}
.fundo-integrador-home{
  background: #0C1812;
  height: 229px;
}
.fundo_rodape{
  background-color: #0C1812;
  height: 200px;
  margin-top: 25px;
}
.fx_rodape{
  background-color: #387A5B;
  height: 9px;
}
.logo_rodape{
  margin-top: 50px;
}
.tit_contato{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: white;
  margin-top: 20px;
  text-decoration: underline;
}
.txt_contato{
  color: #FFFFFF;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 20px;
}
.txt_local{
  color: #FFFFFF;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 30px;
  text-align: right;
  margin-top: 40px;
}
.fundo_empresa{
  background-color: #F6F6F6;
  height: 700px;
}
.tit-h1-missao{
  font-family: "Blinker", sans-serif;
  font-size: 30px;
  color: black;
  font-weight: 700;
  font-style: italic;
  line-height: 70px;
}
.txt-institucional{
  color: black;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.txt-pg-servicos{
  color: black;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 20px;
}
.txt-pg-servicos-int{
  color: black;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* text-align: center; */
}
.txt-pg-servicos2{
  color: black;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: -30px;
}
.fundo-ims{
  background-color: #F6F6F6;
  height: 250px;
  margin-top: 20px;
}
.txt-pg-ims{
  color: black;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 10px;
  line-height: 30px;
}
.pic-ims{
  margin-top: 10px;
}
.pic-empresa{
  margin-top: 17px;
}
@media only screen and (max-width: 700px){
  .logo{
    margin-top: 20px;
    text-align: center;
   }
  .txt-data-email{
    font-family: sans-serif;
    font-size: 16x;
    color: black;
    margin-top: 43px;
    text-align: center;
   }
   .pic-proj{
     text-align: center;
     margin-top: 10px;
   }
   .fundo-integrador-home{
     background: #0C1812;
     height: 1200px;
   }
   .logo_rodape{
     margin-top: 50px;
     text-align: center;
   }
   .fundo_rodape{
     background-color: #0C1812;
     height: 450px;
     margin-top: 25px;
   }
   .tit_contato{
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 18px;
     color: white;
     margin-top: 20px;
     text-decoration: underline;
     text-align: center;
   }
   .txt_contato{
     color: #FFFFFF;
     font-size: 15px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     line-height: 20px;
     text-align: center;
   }
   .txt_local{
     color: #FFFFFF;
     font-size: 15px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     line-height: 30px;
     text-align: right;
     margin-top: 40px;
     text-align: center;
   }
   .fundo_empresa{
     background-color: #F6F6F6;
     height: 1030px;
   }
   .fundo-ims{
     background-color: #F6F6F6;
     height: 600px;
     margin-top: 30px;
   }
   .txt-solucoes-detalhes{
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 16px;
     color: black;
     margin-top:2px;
   }
  }