html, body {font: 15px 'Open Sans', sans-serif; scroll-behavior: smooth;}

* { margin: 0;padding: 0; }
img { border: none; }
a img { border: none; color: black; }
a:hover {text-decoration: none; }

.header {
  /*padding: 10px 16px;*/
  background: #999999;
  color: #f1f1f1;
  z-index: 100;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 9px 0 10px;

}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

#topo {background-color: #999999; color: #FFF;  padding: 16px 0 8px;}

#topo h4 {}
#topo a {text-decoration: none; color: #000; font-size: 18px; text-align: center;}
#topo a:hover {text-decoration: none; color: #FFF;}
#topo h1{font-size: 18px; font-weight: 300;}

#equipe {background-color: #CD6A01; }
#equipe h1{font-size: 16px; font-weight: bold;}

#comunicacao{

}
#comunicacao h1{font-size: 18px; font-weight: 300;}
#comunicacao h2{font-size: 18px; color: #990000;}
#comunicacao h3{font-size: 18px;}

#portfolio {
  /*padding-top: 110px;*/
}

#pessoas{background-color: #BDBDBD; }
#pessoas h1{font-size: 18px; font-weight: 300;}
#pessoas h2{font-size: 18px; color: #990000;}

#descreve {}
#descreve h2{font-size: 26px; color: #990000;}

#flor{background-color: #A2BD31;}
#flor h1{font-size: 18px; font-weight: 300;}
#flor h2{font-size: 18px; color: #990000;}

#contato{

}
#contato h1{font-size: 18px; font-weight: 300;}
#contato h2{font-size: 18px; color: #990000;}
#contato h3{font-size: 18px;}

#footer{background-color: #999999;
  color: #FFF; padding: 40px 0;}

.espacotopo {padding: 40px 0 12px;}
.espacoquadros {padding: 12px 0;}

.alert-verde {
  color: #000 !important;
  background-color: #A2BD31 !important;
  border-color: #A2BD31 !important;
  font-size: 12px !important;
  font-weight: 600;
}

.alert-cinza {
  color: #FFF !important;
  background-color: #7B7B7B !important;
  border-color: #7B7B7B !important;
  font-size: 12px !important;
  font-weight: 300;
}
.alert-preto {
  color: #FFF !important;
  background-color: #202020 !important;
  border-color: #202020 !important;
  font-size: 12px !important;
  font-weight: 300;
}

.alert-chamada01 {
  color: #000 ;
  background-color: #939393 !important;
  border-color: #939393 !important;
  font-size: 14px !important;
}
.alert-chamada02 {
  color: #000 ;
  background-color: #DADADA !important;
  border-color: #DADADA !important;
  font-size: 14px !important;
}
.alert-chamada03 {
  color: #FFF ;
  background-color: #7B7B7B !important;
  border-color: #7B7B7B !important;
  font-size: 14px !important;
}
.alert-chamada04 {
  color: #FFF ;
  background-color: #545454 !important;
  border-color: #545454 !important;
  font-size: 14px !important;
}
.alert-chamada05 {
  color: #FFF ;
  background-color: #939393 !important;
  border-color: #939393 !important;
  font-size: 14px !important;
}
.alert-chamada06 {
  color: #FFF ;
  background-color: #9E9E9E !important;
  border-color: #9E9E9E !important;
  font-size: 14px !important;
}

.zerapadding {
  padding-right: 0;
  padding-left: 0;
}

.espadodireita {padding-right: 30px;}

.textlaranja { color: #FF6500; font-size: 18px; font-weight: 600;  }