/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto&display=swap');

@font-face {
  font-family: Opal;
  src: local(Opal), url(fonts/Opal.ttf)
}

.material-icons.md-1em { font-size: 1em; }
.material-icons.md-15em { font-size: 1.5em; }
.material-icons.md-2em { font-size: 2em; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-30 { font-size: 30px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-100 { font-size: 100px; }

.material-icons {
  color: rgba(0, 0, 0, .75); /*rgba(255, 255, 255, 1);*/
  display: inline-flex;
    vertical-align: top; 
}

/*body{
  background-color: rgba(0, 0, 0, 1);
  color: rgba(0, 0, 0,.75);
}*/

h1,h2,h3,h4,h5,h6 {
	position: relative;
	font-family:  "Roboto", "Helvetica Neue", "Segoe UI", sans-serif;
	font-weight:400;
	margin:0px;
	background-color: transparent;
	line-height:1.4em;
  
}

.headerxxx {
  background-color: rgba(255, 255, 255, 1);/* rgba(0, 0, 0, 1);*/
  margin: 0px;
  padding: 2px 2px 7px 10px;
  width: 100vw;
  height: auto;
  z-index: 99999;
  top: 0px;
  position: fixed;
  border: 0px solid #000;
  display: grid;
  grid-template-columns: minmax(250px,250px) auto ;
  
}

.headernav {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgba(255, 255, 255, 1);
   justify-content: center; 
   display: inline-flex;
  }

  @media (max-width: 1150px) {

    .headernav {margin-left: 30px; }
    
    
  }  

  @media (max-width: 800px) {

    .headernav {margin-left: 0px; }
    .header{ grid-template-columns: auto ;}
    
  }  

  .headernavul {
    display: flex;
    flex-wrap: wrap;
  /*justify-content: space-evenly;*/
    justify-content: center;
    
  }  


.divtabelaheader_opcoes{
  background-color: transparent;
  color: rgba(0, 0, 0, .75);
    display: inline-flex;
    width: auto; 
    /*margin-right: 34px; */
    border: 0px red solid;
/* 
    overflow-x: scroll;
    overflow-y: scroll;
    white-space: nowrap;
 */
}

.divtabelaheader_btnopcao {
  width: 40px;
  height: 40px;  
  cursor: pointer;
  border-radius: 50%;
  
  display: inline-flex;
  text-align: center;
  padding: 2px;
  margin-top: 5px;
 
  font-size: 1.2em; 
  

  display: flex;
  justify-content: center;

 /*
  -webkit-transition: box-shadow .1s linear;
  transition: box-shadow .1s linear;
  box-shadow:0 0 0 .10rem rgba(0,0,0,.3);
  */
  background-color: transparent; /*(179, 179, 179,.75);*/
  color: #0f2f5a; /*rgba(0, 0, 0, .75);*/
  border: 2px solid rgba(179, 179, 179,.75);

}

.divtabelaheader_btnopcao i{
   color: #0f2f5a; /*rgba(0, 0, 0, .75);*/
}

.divtabelaheader_btnopcao:hover {

  background-color: transparent; /*(179, 179, 179,.75);*/
  border: 2px solid rgba(179, 179, 179,1);

  /*
  -webkit-transition: box-shadow .1s linear;
  transition: box-shadow .1s linear;
  box-shadow:0 0 0 .10rem rgba(0,0,0,.5);
  */
}

@media (min-width: 770px) {

  .divtabelaheader_btnopcao { display: none; }
  
}  

.divtabelaheader_btnopcaotxt {
  font-family:  "Roboto", "Helvetica Neue", "Segoe UI", sans-serif;
  text-align: center;
  height: 40px; 
  font-size: 1.2em; 
  
  border-radius: 20px; 
  width: auto; 

  background-color: transparent; /*(179, 179, 179,.75);*/
  color: rgba(0, 0, 0, .75);
  border: 2px solid rgba(179, 179, 179,.75);

  cursor: pointer;
  
  padding: 5px 14px 5px 10px ;
  
  display: inline-flex;
  vertical-align: top;
  margin-left: 5px;
  margin-top: 5px;
  -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    
    display: flex;
    justify-content: center;
  
  /*
  -webkit-transition: box-shadow .1s linear;
  transition: box-shadow .1s linear;
  box-shadow:0 0 0 .10rem rgba(0,0,0,.3);
*/
  
}

.divtabelaheader_btnopcaotxt i{
  margin-right: 5px;
  color: rgba(179, 179, 179,.95);
 
}  

.divtabelaheader_btnopcaotxt:hover {
 /* -ms-transform: scale(1.025); 
  -webkit-transform: scale(1.025); 
  transform: scale(1.025); 
  
  border: 2px solid rgba(0,0,0,.6);
  background-color: rgba(0,0,0,.05); */

  
  /*
  -webkit-transition: box-shadow .1s linear;
  transition: box-shadow .1s linear;
  box-shadow:0 0 0 .10rem rgba(0,0,0,.5);
*/
  background-color: transparent; /*(179, 179, 179,.75);*/
  border: 2px solid rgba(179, 179, 179,1);

}


.divtabelaheader_btnopcaoicones {
  /*font-family:  "Roboto", "Helvetica Neue", "Segoe UI", sans-serif;
  text-align: center;
  height: 40px; 
  font-size: 1.3em; */
 
  border-radius: 20px; 
  width: auto; 
  border: 0px solid rgba(0,0,0,.4);
 
  padding: 5px;
  background-color: transparent;
  display: inline-flex;
  vertical-align: top;
  /*margin-left: 15px;
  margin-top: 5px;*/
  -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    
    display: flex;
    justify-content: center;

  color: rgba(0,0,0,.75);
}

.icon-btn {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  border-radius: 8px;
}

.icon-btn:hover {
  /*background: #f3f4f6;*/
  transform: scale(1.1);
}

.icon-btn img {
  width: 32px;
  height: 32px;
  transition: transform 0.2s ease;
}


.divtabelaheader_btnopcaoicones div {
  background-color: transparent;
  line-height: 2;
  margin-right: 5px;
  margin-left: 5px;
}  
/*.divtabelaheader_btnopcaoicones img {
  margin-left: 7px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}  
.divtabelaheader_btnopcaoicones img:hover {
  transform: scale(1.1, 1.1);
  } */
.headerold {
  grid-area: header;
  background-color: rgba(22, 72, 99, 1);
  color: rgba(255, 255, 255,1);
  align-items: center;
  display: grid;
  grid-template-columns: minmax(270px,270px) auto 80px   ;
  margin: 0px;
  padding: 0px;
  width: 100vw;
  z-index: 99999;
  top: 0px;
  position: fixed;
  border: 1px solid #000;
  
}



.footer { background: transparent; padding: 20px; }


.resolucao {
  display: block;
  z-index: 9999;
  background-color: rgba(255, 255, 255, .5);
  color: #000;
  position: absolute;
  bottom: 0px; left: 0px;
  font-size: .5em; 
  padding: 2px;
  line-height: 1;
  max-height: 16px;
  

}

.vtop {
  position: absolute !important;
  margin:0 auto;
  top: 0%;
  width:100%;
  /*border: 1px solid #fff;*/
  
} 


.vcenter {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute !important;
  margin:0 auto;
  width:100%;
  margin-top: 5px;
  
 /* border: 1px solid red;
background-color: rgba(0, 0, 0, 1);*/
}

.vtopmenu {
  top: 100px;
  background-color: red;
  position: absolute;
  
} 

.vcentermenu {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute !important;
  margin:0 auto;
  width:100%;
  margin-top: 50px;
  
 /* border: 1px solid red;
background-color: rgba(0, 0, 0, 1);*/
}
@media only screen and (max-height: 500px) {
.vcenter{ 
  top: 0%;
  -webkit-transform: translateY(-0%);
  -moz-transform: translateY(-0%);
  -ms-transform: translateY(-0%);
  -o-transform: translateY(-0%);
  transform: translateY(-0%);
  position: relative;
  margin-top: 30px;
}

}


.center{
  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    /*border: 1.5px solid rgba(55, 87, 57, 1);*/
}

.scrollmenu {
  background-color: transparent;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.msg{
  
  /*
  width: fit-content;
  height: fit-content;
  */
  min-width: 250px;
  font-size: 1.1em;
  background-color: rgba(255, 255, 255,1); 
  color: rgba(255, 255, 255,1); 
  border-radius: 5px;
  padding: 10px;
  border: 1.5px solid rgba(255, 255, 255,1); /* rgba(19,78,111,1) */
  position: absolute;
  margin: 10px 10px 10px 10px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 999999;
  
 
}

.msg p{
  margin-top: 10px;
}  

.app_tituloxxx{
  line-height: 1.1; letter-spacing: .3px; font-family: 'Opal';  font-size: 1.6em; display: inline-block; vertical-align: top; word-wrap: break-word;
  /*text-shadow: 1px 1px 0 rgba(255, 255, 255, .5), 1px -1px 0 rgba(255, 255, 255, .5), -1px 1px 0 rgba(255, 255, 255, .5), -1px -1px 0 rgba(255, 255, 255, .5), 1px 0px 0 rgba(255, 255, 255, .5), 0px 1px 0 rgba(255, 255, 255, .5), -1px 0px 0 rgba(255, 255, 255, .5), 0px -1px 0 rgba(255, 255, 255, .5);*/
  text-shadow: .5px .5px 0 rgba(255, 255, 255, .7), .5px -.5px 0 rgba(255, 255, 255, .7), -.5px .5px 0 rgba(255, 255, 255, .7), -.5px -.5px 0 rgba(255, 255, 255, .7), .5px 0px 0 rgba(255, 255, 255, .7), 0px .5px 0 rgba(255, 255, 255, .7), -.5px 0px 0 rgba(255, 255, 255, .7), 0px -.5px 0 rgba(255, 255, 255, .7);
}

.app_titulo{
  padding-top: 5px; 
  line-height: .7; letter-spacing: .3px; font-family: 'Roboto'; font-weight: bold;  font-size: 2em; display: inline-block; 
  word-wrap: break-word;
  color: rgba(255, 255, 255, .99);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .7), 1px -1px 0 rgba(0, 0, 0, .7), -1px 1px 0 rgba(0, 0, 0, .7), -1px -1px 0 rgba(0, 0, 0, .7), 1px 0px 0 rgba(0, 0, 0, .7), 0px 1px 0 rgba(0, 0, 0, .7), -1px 0px 0 rgba(0, 0, 0, .7), 0px -1px 0 rgba(0, 0, 0, .7);
}

.app_subtitulo{
  line-height: 1.2; font-family: 'Roboto'; font-weight: bold; font-size: .8em;  
  color: rgba(255, 255, 255,1); text-align: center; 
 /*color: #fff;
 text-shadow: .5px .5px 0 rgba(0, 0, 0, .7), .5px -.5px 0 rgba(0, 0, 0, .7), -.5px .5px 0 rgba(0, 0, 0, .7), -.5px -.5px 0 rgba(0, 0, 0, .7), .5px 0px 0 rgba(0, 0, 0, .7), 0px .5px 0 rgba(0, 0, 0, .7), -.5px 0px 0 rgba(0, 0, 0, .7), 0px -.5px 0 rgba(0, 0, 0, .7);*/
}


.copyright{ 
  
  color: rgba(255, 255, 255,1); 
  text-align: center;
  font-size: 1em; 
  font-weight: normal;
  font-family:  "Roboto", "Helvetica Neue", "Segoe UI", sans-serif;
  line-height: 1;
  padding: 5px;
  /*text-shadow: 1px 1px 2px white, 0 0 2px white, 0 0 2px white;*/
  cursor: pointer;

}

.copyright:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  font-weight: normal;
}

.elogicodevelopedby{ 
  
  color: rgba(0,0,0,1); 
  text-align: center;
  font-size: .8em; 
  font-weight: normal;
  font-family:  "Roboto", "Helvetica Neue", "Segoe UI", sans-serif;
  line-height: 1;
  padding: 5px;
  /*text-shadow: 1px 1px 2px white, 0 0 2px white, 0 0 2px white;
  cursor: pointer;*/

}

/*
.elogicodevelopedby:hover {
  -ms-transform: scale(1.1); 
  -webkit-transform: scale(1.1); 
  transform: scale(1.1); 
  font-weight: normal;
}
*/
.context {  margin-top: 60px; background-color: rgba(255, 255, 255,1);}  
/*
@media (max-width: 1150px) {
  .context {  margin-top: 100px; }  
} 
*/ 

.separatopico {  border-bottom: .5px solid rgba(26,26,26,.1); }

.topico {
  border: 0px solid red;
  margin: 0px;
  display: inline-flex;
  /*
  display: grid;
  grid-template-columns: auto auto; /* minmax(250px,250px) */
  
}

.topicocenter {
  border: 0px solid red;
  margin: 0px 130px 0px 130px;
  width: 100%;
  
}
@media (max-width: 1000px) {

  .topicocenter { margin: 0px;  }

  
}  
.topicocenter p {
  border: 0px solid red;
  padding: 0px;
  
  margin: 5px 60px 0px 60px;
  
}
.topicocentertitulo { display: inline-block; font-size: 1.2em; text-align: center; width: 100%; background-color: transparent; padding: 30px 30px 15px 30px;  }
.topicocentertexto { display: inline-block; font-size: 1em; text-align: justify; width: 100%;  background-color: transparent; }

@media (max-width: 800px) {

  .topicocentertitulo { font-size: 1.2em; text-align: center;  }
  .topicocentertexto { font-size: 1em; text-align: justify;  }
  .topicocenter p { margin: 5px 10px 0px 10px; }
}  

.topicocenter4colunas {
  display: grid; grid-template-columns: auto auto auto auto;
  grid-column-gap: 0px;
  grid-row-gap: 5px;
  padding: 0px;
  margin: 20px 60px 20px 60px;
  background-color: transparent; 
}

.topicocenter3colunas {
  display: grid; 
  /*grid-template-columns: minmax(25vw,25vw) minmax(25vw,25vw) minmax(25vw,25vw);*/
  grid-template-columns: auto auto auto;
  grid-column-gap: 0px;
  grid-row-gap: 5px;
  padding: 0px;
  margin: 20px 60px 20px 60px;
  background-color: transparent; 
}

.topicocentercoluna25 {
  max-width: 23vw;
  display: inline-block;
  border-right: 1px solid rgba(26,26,26,.1);
  /*border-left: 1px solid rgba(26,26,26,.1);*/
  padding: 5px;
  background-color: transparent;  
  margin: 0px;
}

.topicocentercoluna30 {
  min-width: 23vw;
  display: inline-block;
  border-right: 1px solid rgba(26,26,26,.1);
  /*border-left: 1px solid rgba(26,26,26,.1);*/
  padding: 5px;
  background-color: transparent;  
  margin: 0px;
}

.topicocentercoluna30sistemas {
  min-width: 23vw;
  display: inline-block;
  border: 1.5px solid rgba(0,0,0,.75);
  border-radius: 10px;
  /*border-left: 1px solid rgba(26,26,26,.1);*/
  padding: 5px;
  background-color: rgba(0, 0, 0, .05 );  
  margin: 0px;
  cursor: pointer;
  margin-right: 5px;
}
.topicocentercoluna30sistemas:hover {
  background-color: rgba(0, 0, 0, .1 );  
  border: 2px solid rgba(0,0,0,.75);
}

.topicocentercoluna25titulo { color: rgba(0, 0, 0, .75); font-family: 'Roboto'; display: inline-block; font-size: 1.1em; font-weight: bold; text-align: center; width: 100%; background-color: transparent; padding-top: 5px;  }
.topicocentercoluna25titulo i { color: rgb(210, 141, 30)  }
.topicocentercoluna25subtitulo { font-family: 'Roboto'; display: inline-block; font-size: 1em; text-align: center; width: 100%; background-color: transparent;  }
.topicocentercoluna25texto { font-family: 'Roboto'; display: inline-block; font-size: 1em; text-align: center; width: 100%;  background-color: transparent; padding: 5px;}

@media (max-width: 800px) {

  .topicocenter4colunas {grid-template-columns: auto auto auto; margin: 20px 5px 20px 5px;}
  .topicocentercoluna25 { max-width: 30vw; border: none; }

  .topicocenter3colunas {grid-template-columns: auto auto ; margin: 20px 5px 20px 5px;}
  .topicocentercoluna30 { max-width: 45vw; border: none; }
  .topicocentercoluna30sistemas { max-width: 45vw;  }
  
}  

@media (max-width: 600px) {

  .topicocenter4colunas {grid-template-columns: auto auto}
  .topicocentercoluna25 { max-width: 45vw; }

  .topicocenter3colunas {grid-template-columns: auto}
  .topicocentercoluna30 { max-width: 100vw; }
  
}


.topicoflex {
  display: flex;
  flex-wrap: wrap;
/*justify-content: space-evenly;*/
  justify-content: center;
}  

.divtxt  {  border: 0px solid #fff;  width: 60vw; }	
.divtxt div  { height: auto; width: 95%; border: 0px solid greenyellow; padding: 10px;
  position: relative  ;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }	
.divimg  {  border: 0px solid #fff; padding: 20px; width: 38vw; max-height: 80vh; }	
.divimg img  { height: 100%; border: 0px solid greenyellow;
  position: relative  ;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }	

@media (max-width: 1100px) {  
  .divtxt  {  width: 100vw; }	
}  

.topicotitulo {
  border: 0px solid red;
  display: block;
  font-size: 3em;
  color: #fff;
  width: 100%;
  text-align: center;
  font-family:  "Roboto", "Helvetica Neue", "Segoe UI", sans-serif;
  background-color: transparent;
}
.topicosubtitulo {
  border: 0px solid red;
  display: block;
  font-size: 1.5em;
  color: #fff;
  width: 100%;
  text-align: center;
  font-family:  "Roboto", "Helvetica Neue", "Segoe UI", sans-serif;
  background-color: transparent;
}
@media (max-width: 1200px) {  
  .topicotitulo { font-size: 2em; }
  .topicosubtitulo { font-size: 1.5em; }
}  
@media (max-width: 800px) {  
  .topicotitulo { font-size: 1.7em; }
  .topicosubtitulo { font-size: 1.3em; }
}  
@media (max-width: 700px) {  
  .topicotitulo { font-size: 1.3em; }
  .topicosubtitulo { font-size: 1.1em; }
}  


.contentdivdiv  { display: block; border: 2px solid #fff; max-height: 80vh; width: 49vw; padding: 5px; }	
.contentdivdiv h6  {   width: 100%; font-size: 3em;  background-color: chartreuse;
  color: rgba(255, 255, 255, .7); text-align: justify;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .7), 1px -1px 0 rgba(0, 0, 0, .7), -1px 1px 0 rgba(0, 0, 0, .7), -1px -1px 0 rgba(0, 0, 0, .7), 1px 0px 0 rgba(0, 0, 0, .7), 0px 1px 0 rgba(0, 0, 0, .7), -1px 0px 0 rgba(0, 0, 0, .7), 0px -1px 0 rgba(0, 0, 0, .7); 
}	
.contentdivdivcenter  { 
  position: relative  ;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
}	

h1  {  width: 100%; font-size: 2em; text-align: left; vertical-align: middle; margin-bottom: 40px;}	
h2  {  width: 100%; font-size: 1.5em; text-align: justify; vertical-align: middle; }	


@media (max-width: 800px) {
  /*.topico { grid-template-columns: auto ;}*/
  .contentdivdiv  { width: 95vw;}	
  .contentdivdiv h1 { font-size: 2em; }
  /*.contentdivdiv img  { display: none;}	*/
  .contentdivdivp  { margin: 5px; width: 95vw; border-bottom: .5px solid rgba(26,26,26,.1); }	
}  


.msgcookie { background: hsl(220 70% 25%); color: hsl(215 25% 94%);
   position: fixed;  bottom: 0px; 
  min-height: 60px;
  max-width: 500px;
  text-align: justify;
  padding: 15px;
  font-size: 1em;
    font-family:  Roboto, Calibri;
    border-radius: 5px;
    z-index: 99999;
    margin: 5px;
    border: 2px solid hsl(220 70% 25%);
   
}   
.msgcookie i { color: hsl(215 25% 94%); }

.msgcookie button { background: hsl(215 25% 94%);  color: hsl(220 70% 25%); 
  padding: 10px;
  font-size: .85em;
  
  border: none;
  border-radius: 5px;
  float: right;
  margin: 20px 5px 0px 0px;
  cursor: pointer;
  
}  

.msgcookie a { background: transparent;  color: rgba(0, 0, 0, .8); 
  padding: 0px;
  font-size: 1em;
  font-weight: bold;
  font-family:  Roboto, Calibri;
  border: none;
  border-radius: 5px;
  float: left;
  margin: 20px 0px 0px 0px;
  cursor: pointer;
  text-align: left;
} 


.app-login-imglogo {
  width: 52px; background-color: rgba(0, 0, 0, .75 ); border-radius: 50%; 
  max-width: 52px;
}

.app-login-titulo {
  margin: 0px; padding: 0px;
  letter-spacing: .3px; font-family: 'Opal'; font-weight: bold;  font-size: 40px; display: inline-block; 
  word-wrap: break-word; 
  color: #fff;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, .7), 1px -1px 0 rgba(0, 0, 0, .7), -1px 1px 0 rgba(0, 0, 0, .7), -1px -1px 0 rgba(0, 0, 0, .7), 1px 0px 0 rgba(0, 0, 0, .7), 0px 1px 0 rgba(0, 0, 0, .7), -1px 0px 0 rgba(0, 0, 0, .7), 0px -1px 0 rgba(0, 0, 0, .7);
  text-align: center;
  background-color: transparent;
  height: 40px;
  line-height: 1.3;
  width: 100%;
  
}

.app-login-subtitulo {
  margin: 0px; padding: 0px;
  letter-spacing: 0.5px; font-family: 'Roboto'; font-weight: normal; font-size: 12px; 
  color: rgba(0, 0, 0, .75);
  text-align: center;
  background-color: transparent;
  height: 12px;
  line-height: 1;
  width: 100%;

}


a {
  cursor: pointer;
}

.material-symbols-outlined {
  font-size: 36px;
  /*color: hsl(220 70% 25%); /* #2563eb;*/
}

.dinline{
  display: block;
background-color: red;
}


#solucoes,
#o-que-fazemos,
#para-quem,
#sobre {
  scroll-margin-top: 80px; /* altura do header */
}

/*
  @media (max-width: 750px) {

   #solucoes,
#o-que-fazemos,
#para-quem,
#sobre {
  scroll-margin-top: 200px; /* altura do header */
}
    
    
  } 

  */