/* 
    Created on : 24/05/2023, 13:28:31
    Author     : Paulo Jackson
*/
/* #######################   parte index */


.ponteroMouse{    
 cursor: pointer;

}

.techearts-menu{
  opacity: 0.8;
}
    .logo-techearts {
      width: 22%;      
      height: 100px;
      background-image: url("../img/logo.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
     
    }
    .menu-techearts {
      width: 74%;
      
      
    }

    .social-techearts {
      width: 3%;
            
    }
    .navbar-nav {
            
      display: flex;
      justify-content: center;
      align-items: center;
      
      margin-bottom: 0px;            
      
      
      
  }
  @media (min-width: 521px) { 
    .menu-techearts {
      margin-top: 45px;
      
      
    }
  }

    /* #######################   celular menu topo */
    @media (max-width: 520px) {            
      .logo-techearts {
          width: 90%;
          float: top;
          height: 100px;
          background-image: url("../img/logo.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          margin-top: -12px;
      }
      .menu-techearts {
        float: inline-end;
        width: 90%;
        font-size: 12px;
        height: 50px;
      }
      .social-techearts {
        width: 10%;
       margin-top: -150px;
      }
      .navbar {
        height: 150px;
    }
    .navbar-nav {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-left: 0px;
    
      
  }
  .btn-pj a:hover{
    background: red;
  }
      
      
  }



  @media (max-width: 992px) {
    .navbar-nav {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-left: 0px;
     
      
  }
       .nav-link {
          font-size: 14px;
          margin-left: 5px;
          height: 45px;
      }
      .nav-item {                
           width: 20%;
       }
   }

  @media (max-width: 767px) {
      .navbar-nav {
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          margin-left: 0px;
          
      }
      
       .nav-item {
           margin-top: 50px;
           width: 20%;
       }
      .nav-link {
          font-size: 12px;
          margin-left: 5px;
          height: 45px;
      }
      
      
  }
  

/* #######################   fim*/
        
        
        .nav-item {
          margin-top: 35px;
         
          font-size: 12px;
          width: 20%;
          
        }
        .nav-link {
            
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-left: 10px;
           
            height: 50px;
           
            
        }

        .nav-link i {            
            margin-bottom: 5px;
           
        }
        
        
        
/* #######################  fim  parte index */