/* ==========================================================================
   1200px
   ========================================================================== */
@media (max-width: 1200px) {
  section#otimizando .box-verde {
    height: auto;
  }
}
/* ==========================================================================
   1024px
   ========================================================================== */
@media (max-width: 1024px) {
  section#foco h2 {
    font-size: 40px;
  }
  section#contato h2 {
    font-size: 40px;
  }
}
/* ==========================================================================
   992px
   ========================================================================== */
@media (max-width: 992px) {
  .navbar ul li a {
    font-size: 15px;
  }
  section#otimizando h2 {
    font-size: 42px;
  }
  section#otimizando .box-verde {
    height: 340px;
    margin-bottom: 30px;
  }
  section#projetos {
      padding-bottom: 40px;
  }
  section#foco .barra-03 {
    margin: 0 0 0 160px;
  }
  section#contato p {
    padding: 20px 0 30px 0;
  }
}
/* ==========================================================================
   768px
   ========================================================================== */
@media (max-width: 768px) {

  section#otimizando .box-verde {
    margin-bottom: 20px;
    height: auto;
  }
  section#foco {
    background: #D3D3D3 url(../imgs/bg-foco.jpg) -668px 0 no-repeat;
  }
  section#atingimos .box-ating p {
    margin: -26px 0 0 0;
  }
  section#contato h2 {
    padding: 0 40px;
  }
  section#contato p {
    font-size: 19px;
  }
  .navbar-toggle {
    margin: 20px 20px 0 0;
    border: 1px solid #fff;
  }
  .navbar-toggle .icon-bar {
    background: #fff;
  }
  .navbar {
    width: 100%;
  }
  .navbar ul {
    padding: 20px 0;
    margin: 6px 0 0 0;
  }
  .navbar ul li {
    border-bottom: 1px solid #093a5a;
    background: rgba(1, 43, 66, 0.9);
    padding: 0;
    margin: 0;
    height: 40px;
  }
  .navbar ul li.separador {
    display: none;
  }
}
/* ==========================================================================
   680px
   ========================================================================== */
@media (max-width: 680px) {
  header h2 {
    font-size: 42px;
  }
  section#otimizando .box-verde {
    padding: 40px 20px;
  }
  section#otimizando .imgcomput {
    width: 100%;
    height: auto;
    margin: 65px auto 0;
  }
  section#otimizando .imgcomput img {
    width: 100%;
  }
  section#foco {
    background: #D3D3D3;
  }
}
/* ==========================================================================
   600px
   ========================================================================== */
@media (max-width: 600px) {
  header {
    height: 530px;
  }
  header h2 {
    font-size: 37px;
    padding: 200px 0 0 0;
  }
  header .seta-down {
    margin: 170px auto 0;
  }
  section#contato h2 {
    padding: 0;
  }
  footer .footer-left {
    font-size: 11px;
  }
  footer .footer-right {
    font-size: 11px;
  }
}
/* ==========================================================================
   480px
   ========================================================================== */
@media (max-width: 480px) {
  .col-cel-12{width: 100%!important}

  .navbar-custom {
    height: 68px;
  }
  .navbar .logo img {
    width: 170px;
    margin-left: 20px;
  }
  header h2 {
    font-size: 28px;
  }
  header .seta-down {
    margin: 120px auto 0;
  }
  section#dna p {
    font-size: 18px;
  }
  section#dna .dnaimg {
    width: 100%;
    height: auto;
    margin: 0;
  }
  section#dna .dnaimg img {
    width: 100%;
  }
  section#otimizando {
    padding: 155px 0 65px 0;
  }
  section#otimizando .imgcomput {
    margin: 100px auto 0;
  }
  section#otimizando p {
    font-size: 18px;
  }
  section#projetos .width-100{
      width: 100%;
      float: left;
  }
  section#foco h2 {
    font-size: 28px;
    text-align: center;
  }
  section#foco .barra-03 {
    margin: 0 auto;
  }
  section#contato p {
    font-size: 18px;
  }
  footer {
    height: 70px;
  }
  footer .footer-left {
    float: none;
    text-align: center;
  }
  footer .footer-right {
    float: none;
    text-align: center;
  }
}
/* ==========================================================================
   320px
   ========================================================================== */
@media (max-width: 320px) {
  header h2 {
    font-size: 25px;
    padding: 160px 0 0 0;
  }
  header .seta-down {
    margin: 148px auto 0;
  }
  section#dna .dnaimg {
    width: 100%;
    height: auto;
    margin: 0;
  }
  section#dna .dnaimg img {
    width: 100%;
  }
  section#dna p {
    font-size: 15px;
  }
  section#fazemos .content-box {
    padding: 35px 15px 15px 15px;
  }
  section#fazemos .content-box p {
    font-size: 14px;
    margin: -30px 0 0 0;
  }
  section#otimizando .barra-02 {
    margin: 67px auto 0;
  }
  section#otimizando p {
    font-size: 15px;
  }
  section#foco {
    background: #eee;
    height: 415px;
  }
  section#foco p {
    font-size: 15px;
    padding: 24px 0 0 0;
  }
  section#atingimos .box-ating p {
    font-size: 15px;
    margin: -30px 0 0 0;
  }
  section#contato h2 {
    font-size: 26px;
  }
  section#contato p {
    font-size: 15px;
  }
}