body,html{
  
  scroll-padding-top: 200px;
}    

.conteudo{
  background-color: var(--backgroundcolor);
  position: relative;
  padding-left: 100px;
  padding-right: 100px;
}

h1{
  text-transform: uppercase;
  font-size: 1.5em;
  color: #111;
  text-align: center;
}

#AreaConsulta p{
  margin-bottom: 0px;
  color: var(--fontcolor);
}

.caixa2{
  position: relative;
  display: table;
  width: 100%;
  height: 200px;
  background-color: #777;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


.caixa1{
  position: relative;
  display: table;
  width: 100%;
  height: 350px;
  background-color: #777;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.Fixo{
  position: relative;
  display: table;
  width: 100%;
  height: 350px;
  background-color: #777;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: unset;
}

.parallax-container {
  height: 260px;
  overflow-x: hidden;
  overflow-y: scroll;
  perspective: 1px;
}

.parallax-content {
  position: relative;
  height: 100%;
  width: 100%;
  transform-style: preserve-3d;
}

.parallax-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.parallax-background {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transform-origin: center center;
  transform: translateZ(-1px) scale(2);
}

.parallax-content-inner {
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

.parallax-content-text {
  text-align: center;
  padding: 20px;
}

.conteudo-slogan span{
  color: black;
  padding: 10px;
  font-size:1.2em;
  -webkit-text-stroke: 1px white;
  width: auto;
  text-align: center;

}


.conteudo-slogan
{
  margin-top:60px;
  margin-bottom:60px;
  text-align: center;
  vertical-align: middle;


}


.conteudo-titulo .TituloEscrito{
  background-color: rgba(200,200,200,0.5);
  padding: 10px;
  border-radius:15px;
}


.conteudo-titulo .TituloEscrito span{

  color: white;
  width: auto;
  text-align: center;

}


.conteudo-titulo
{
  text-align: center;
  vertical-align: middle;
  display: table-cell;

}

.conteudo-titulo h1.titulo{
  color: #fff;
  padding: 18px;
  font-size: 2.3em;
  letter-spacing: 5px;
  margin-top: 50px;
  margin-bottom: 40px;
} 

#ImgHeader{
  max-height:160px;
  max-width:320px
}

@media (max-width: 700px)
{
  .conteudo{
    padding-right:0px;
    padding-left: 0px;
  }

}

@media (max-width: 330px)
{
  #ImgHeader{
    max-height:100px;
    max-width:260px
  }

}