header {
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in; }
  header .navbar {
    padding: 10px 0;
    box-shadow: none; }
    @media (min-width: 992px) {
      header .navbar {
        padding: 20px 0;
        -webkit-transition: padding 0.2s ease-in;
        -moz-transition: padding 0.2s ease-in;
        -o-transition: padding 0.2s ease-in;
        transition: padding 0.2s ease-in; } }
    
    header .navbar .navbar-brand {
      width: 250px; 
    }
    
    header .navbar .navbar-toggler {
      padding: 10px 0; }
      header .navbar .navbar-toggler.hamburger:hover {
        opacity: 1; }
    header .navbar .navbar-nav {
      padding-top: 15px;
      padding-bottom: 10px; }
      @media (min-width: 1200px) {
        header .navbar .navbar-nav {
          padding: 0; } }
      header .navbar .navbar-nav .nav-link {
        /* font-weight: 600; */
        /* text-transform: uppercase; */

        font-family: 'Lora', serif;
        font-weight: 500;
        font-size: 20px;

        -webkit-transition: color 0.2s ease-in;
        -moz-transition: color 0.2s ease-in;
        -o-transition: color 0.2s ease-in;
        transition: color 0.2s ease-in; }
        @media (min-width: 1200px) {
          header .navbar .navbar-nav .nav-link {
            padding: 25px 10px; } }
  header.fixed {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.04); }
    @media (min-width: 992px) {
      header.fixed .navbar {
        padding: 10px 0; } }
    header.fixed.open {
      height: 100%; }
  header.open {
    margin-bottom: 15px; }
    header.open .navbar .navbar-nav .nav-item {
      padding: 10px 0; }
      header.open .navbar .navbar-nav .nav-item.active {
        border-radius: 5px; }


#topo {
  padding-bottom: 0; }
  #topo .camadas {
    width: 100%;
    height: 100%;
    position: absolute; }
    #topo .camadas .camada {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-repeat: no-repeat; }
    #topo .camadas .camada1 {
      width: 100%;
      height: 100%;
      background-image: url(img/topo_riscos.png);
      background-position: left -420px bottom -300px; }
    #topo .camadas .camada2 {
      width: 100%;
      height: 660px;
      background-image: url(img/topo_ondas.png);
      background-position: center bottom; }
      @media (min-width: 992px) {
        #topo .camadas .camada2 {
          height: 500px; } }
    #topo .camadas .camada3 {
      width: 100%;
      height: 100%;
      background-image: url(img/topo_detalhes.png);
      background-position: center center; }
    #topo .camadas .camada4 {
      width: 100%;
      height: 100%;
      background-image: url(img/topo_espirais.png);
      background-position: right -500px bottom -400px; }
    #topo .camadas .camada5 {
      width: 100%;
      height: 100%;
      background-image: url(img/topo_quadrado1.png);
      background-position: left -520px bottom; }
    #topo .camadas .camada6 {
      width: 100%;
      height: 100%;
      background-image: url(img/topo_quadrado2.png);
      background-position: center bottom -560px; }
    #topo .camadas .camada7 {
      width: 100%;
      height: 100%;
      background-image: url(img/topo_quadrado3.png);
      background-position: right -500px top; }
    #topo .camadas .camada8 {
      width: 100%;
      height: 100%;
      background-image: url(img/topo_bolinhas1.png);
      background-position: left 50px top 50px; }
    #topo .camadas .camada9 {
      width: 100%;
      height: 100%;
      background-image: url(img/topo_bolinhas2.png);
      background-position: right 100px bottom 50px; }
    #topo .camadas .camada10 {
      width: 100%;
      height: 100%;
      background-image: url(img/topo_bolinhas3.png);
      background-position: left 400px center; }}