body { background: #050505; color: #eaeaea; font-family: 'Montserrat', sans-serif; font-size: 1.2rem; font-weight: 300; }

  nav { display: none; }

  h1, h2, h3, h4 { color: #eaeaea; font-weight: 700;}
  h1 { font-size: 5rem!important; line-height: 5.2rem!important; letter-spacing: -0.2rem; text-transform: none!important; }
  h2 { font-size: 3rem!important; line-height: 3.7rem!important; text-transform: none!important; font-weight: 500; }

  .section.titulo-paginas { padding: 0; margin: 0; }
  .section.titulo-paginas .nav { position: fixed; width: 100%; z-index: 999;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+30,000000+96&0.8+30,0+95 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 95%, rgba(0,0,0,0) 96%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 96%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 30%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  }
  .section.titulo-paginas .nav .logo img { width: 200px; padding: 15px 0; }
  .section.titulo-paginas h1 { padding: 0; margin: 0; margin-top: 200px; margin-bottom: 25px;  font-weight: 300;}
  .section.titulo-paginas h1 span { font-weight: 800; }
  .section.titulo-paginas .row { padding: 0; margin: 0; }
  .section.titulo-paginas .row .col p.chamada { border: 1px solid #909090; padding: 15px 25px; margin-bottom: 100px; }

  .actions { text-align: right; padding: 20px 0!important; }
  .actions a { font-family: 'Montserrat', sans-serif; font-size: 0.8rem; text-transform: uppercase; font-weight: 600; padding: 15px 30px; line-height: 50px; color: #eaeaea; }
  .actions a i { font-size: 1.2rem; vertical-align: middle; margin-bottom: 2px; margin-right: 4px; }
  .actions a.whatsapp { background: #009900; }
  .actions a.envelope { background: #bc171d; }


  .section.servicos { padding: 0; margin: 0; margin-top: -100px; background: #000; color: #909090;  }
  .section.servicos .row { padding: 225px 150px 150px; margin: 0; }
  .section.servicos h2 { margin: 0; margin-bottom: 35px; color: #eaeaea; border-left: 10px solid #bc171d; padding-left: 20px; }
  .section.servicos p  { margin: 10px 0 25px; }
  .section.servicos .col { text-align: center; padding: 30px; margin-top: 30px; margin-bottom: 30px; border-left: 1px dotted #303030; color: #eaeaea; }
  .section.servicos .col h3 { margin: 0; margin-bottom: 25px; color: #bc171d; }
  .section.servicos .col i { font-size: 5rem; color: #bc171d; }


  .section.sobre { padding: 0; margin: 0; background: #bc171d; }
  .section.sobre .row { padding: 150px 100px 150px; margin: 0; }
  .section.sobre h2 { margin: 0; margin-bottom: 35px; color: #eaeaea; border-left: 10px solid #151515; padding-left: 20px; }
  .section.sobre p  { }

  .section.trabalhos { padding: 0; margin: 0; background: #151515; }
  .section.trabalhos .row { padding: 150px 100px 150px; margin: 0; }
  .section.trabalhos .row .col { margin-bottom: 25px; }
  .section.trabalhos h2 { margin: 0; margin-bottom: 35px; color: #eaeaea; border-left: 10px solid #bc171d; padding-left: 20px; }
  .section.trabalhos p  { }

  .section.actions-final { padding: 25px 0 8px; margin: 0; background: #252525; text-align: center; }
  .section.actions-final a { font-family: 'Montserrat', sans-serif; font-size: 0.8rem; text-transform: uppercase; font-weight: 600; padding: 15px 30px; line-height: 50px; color: #eaeaea; }
  .section.actions-final a i { font-size: 1.2rem; vertical-align: middle; margin-bottom: 2px; margin-right: 4px; }
  .section.actions-final a.whatsapp { background: #009900; }
  .section.actions-final a.envelope { background: #bc171d; }


  .section.footer { padding: 0; margin: 0; background: #050505; }
  .section.footer .row { padding: 50px 100px 50px; margin: 0; text-align: center;  }
  .section.footer p  { font-size: 1rem; color: #909090; }


@media only screen and (max-width: 600px) {

  body { font-size: 0.8rem; line-height: 1.1rem; font-weight: 400; }

  h1 { font-size: 2.2rem!important; line-height: 2.4rem!important; letter-spacing: 0; }
  h2 { font-size: 1.3rem!important; line-height: 1.8rem!important; letter-spacing: 0; font-weight: 500; }

  .section.titulo-paginas .nav .logo { width: 100%; padding: 0; margin: 0; text-align: center; }
  .section.titulo-paginas .nav .logo img { width: 100px; padding: 10px 0; }

  .section.titulo-paginas h1 { padding: 0 15px; margin-top: 125px; text-align: center; margin-bottom: 25px; font-weight: 300; }
  .section.titulo-paginas h1 span { font-weight: 800; }
  .section.titulo-paginas .row { padding: 0; margin: 0; }
  .section.titulo-paginas .row .col p.chamada { border: 1px solid #909090; padding: 15px 15px; margin-bottom: 25px; }

  .section.titulo-paginas .nav .actions { width: 100%; padding: 0!important;  margin: 0; text-align: center; }
  .section.titulo-paginas .nav .actions { text-align: center; }
  .section.titulo-paginas .nav .actions a { font-size: 0.7rem; text-transform: uppercase; padding: 10px 10px; line-height: 30px; color: #eaeaea; }
  .section.titulo-paginas .nav .actions a i { font-size: 1.2rem; vertical-align: middle; margin-bottom: 2px; margin-right: 4px; }
  .section.titulo-paginas .nav .actions a.whatsapp { background: #009900; width: 50%; }
  .section.titulo-paginas .nav .actions a.envelope { background: #bc171d; width: 50%; }

  .section.titulo-paginas .col { padding: 0 25px; text-align: center; }


  .section.servicos { padding: 0; margin: 0; margin-top: -50px; background: #000; color: #909090;  }
  .section.servicos .row { padding: 100px 25px 50px; margin: 0;  text-align: center; }
  .section.servicos h2 { margin: 0; margin-bottom: 35px; color: #eaeaea; border-left: 4px solid #bc171d; border-right: 4px solid #bc171d; padding-left: 15px; padding-right: 15px; }
  .section.servicos .col { text-align: center; padding: 0 25px; margin-top: 25px; margin-bottom: 0; border-left: 0; color: #eaeaea; }
  .section.servicos .col h3 { margin: 0; margin-bottom: 5px; color: #bc171d; }
  .section.servicos .col i { font-size: 3rem; color: #bc171d; }

  .section.sobre { padding: 0; margin: 0; background: #bc171d; }
  .section.sobre .row { padding: 50px 25px 50px; margin: 0; text-align: center; }
  .section.sobre h2 { margin: 0; margin-bottom: 35px; color: #eaeaea; border-left: 4px solid #151515; border-right: 4px solid #151515; padding-left: 15px; padding-right: 15px; }
  .section.sobre p  { }

  .section.trabalhos { padding: 0; margin: 0; background: #151515; }
  .section.trabalhos .row { padding: 50px 25px 50px; margin: 0; text-align: center; }
  .section.trabalhos h2 { margin: 0; margin-bottom: 35px; color: #eaeaea; border-left: 4px solid #bc171d; border-right: 4px solid #bc171d; padding-left: 15px; padding-right: 15px; }
  .section.trabalhos p  { }

  .section.actions-final { padding: 0; margin: 0; background: #252525; text-align: center; }
  .section.actions-final .row { margin: 0; padding: 0; }
  .section.actions-final a { font-size: 1rem; padding: 10px 0; line-height: 40px; color: #eaeaea; float: left; width: 100%; }
  .section.actions-final a i { font-size: 1.5rem; vertical-align: middle; margin-bottom: 2px; margin-right: 4px; }

  .section.footer .row { padding: 50px 25px; margin: 0; text-align: center;  }
  .section.footer p  { font-size: 0.7rem; color: #909090; }

}