@import url("./base/var.css");
@import url("./base/header.css");
@import url("./base/footer.css");
@import url("./componentes/banner.css");
@import url("./componentes/quem-somos.css");
@import url("./componentes/efeito-cards.css");
@import url("./componentes/efeito-cinza.css");
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

body {
  font-family: "Gill Sans Extrabold", Helvetica, sans-serif;
  position: relative
}
html{
  scroll-behavior: smooth;
}

html, body {
  overflow-x: hidden;
}

img{
  max-width: 100%;
  height: auto;
}

ul.ul2{
  vertical-align: left;
  padding: 2% 7%;
  font-size: 20px;
}

.big {
  font-family: 'Special Elite', cursive;
  font-size: 6vw;
  color:var(--cor-texto1);
  text-align: center;
}

h3{
  font-family: 'Special Elite', cursive;
  font-size: 30px;
}

p2 {
  font-family: 'Special Elite', cursive;
  font-size: 30px;
}
h11 {
  color:red;
}
p.description{
  padding-left: 0%;
}
P.servicos {
  font-size: 20px;
  color: var(--cor-texto1);
  padding-left: 5%;
}
p{
  font-size: 14px;
  padding-left: 5%;
}
section {
  display: table;
  width: 100%;
}

.imgIlustrtativa {
  display: block;
  min-width: 250px;
  min-height: 350px;
}
.row{
  vertical-align: middle;
  padding: 7% 7%;
}

.height-30 {
  min-height: 550px;
}
.height-40 {
  background: var(--cor-bg1);
  min-height: 50vh;
}
.height-50 {
  background: var(--cor-bg3);
}
.height-80 {
  background: var(--cor-bg3);
  height: 80vh;
}
.height-100 {
  background: var(--cor-bg1);
  height: 100vh;
}
.bg-cinza{
  background: #6d6a6a;
  background-color: #909090;
}
.bg-black{
  background: var(--cor-bg1);;
}
.panel-heading{
  font-size:150%;
}

.container{
  padding: 0 40px;
  justify-content: left;
  height: 90vh;
  background-color: var(--cor-bg2); 
  position: left;
}

.text-area{
  padding: 20px 5% 20px 5%;
  width: 100%;
  height: 10%;
  align-items: center;
}
h3#serv{
  margin-bottom: 0px;
}
.row{
  padding: 3% 5%;
}
#imagem{
  padding: 50px;
}