html { 
    overflow:  hidden;     
 }


*{
    font-family: 'Poppins', sans-serif;    
}

#pageHeader{
    display: grid;  
    background-color:#FFFFFF;
    border-bottom: 1px solid  #333333;
    z-index: 1100; 
    margin-left: auto;
    margin-right: auto;
    height:85px;

   z-index: 3000;
   
    }
   
#logo{  
    z-index: 200;
    cursor: pointer;
    justify-self: start;
    margin-top: 20px;
}
#logo_1{ 
  
    fill: #333333;
}
#logo_1:hover {
    fill: #FE0000;
}
#buttonHeader{
    justify-self: end;
    display: flex;
    margin-top: -70px;  
}
#About,#Contact{  
    width: 175px;
    height: 86px;  
    background-color:#FFFFFF;    
   
    display: flex;
    align-items: center;
    justify-content: center;   
    cursor: pointer;
    z-index: 20;

}

#About:hover{
    background: #FFBD00;
    color:#FFFFFF;
    transition: 0.7s;   
}
#Contact:hover{
    background: #FE0000;
    color:#FFFFFF;
    transition: 0.7s;     
}

.burger__button{
    display: block; 
    margin-top: 71px;
    margin-left: 620px;  
    position: absolute;
    z-index: 2200;
}


@media (max-width: 767px ) {
    #About,#Contact,#pageHeader{       
        border-bottom: none;
    }
    #logo{          
        padding-left: 3.2%;      
    }  
    #pageHeader{    
        width: 100vw; 
        position: fixed;
    }  
}
@media (min-width: 768px) { 
    #pageHeader{    
        width: 650px; 
     }  
}
@media (min-width: 992px) {   
    #pageHeader{    
       width: 650px;  
    }    
}
@media (min-width: 1200px) { 
    #pageHeader{      
        width: 800px;
    } 
}
@media (min-width: 1450px){
    #pageHeader{      
        width: 800px;
    }
}




body{
      display: grid;        
}

  .grid,.page__2,.page__3,.page__4SmalProd,.page__6BigProd,#pageHeader{
    grid-row: 1 / 3;
    grid-column: 1 / 3;  
  }
  .page__5,.page__6{
    grid-row: 1 / 3;
    grid-column: 1 / 3;     

  }
  .masaick_5,.masaick_6{
    grid-row: 1 / 3;
    grid-column: 2/ 3; 
  
   
  }
.buttonPages_5_6{
    display: grid;
    position: fixed;
    grid-row: 1 / 3;
    grid-column: 1/ 3; 
  
}
.grid,.page__2,.page__4SmalProd,.page__6BigProd,#pageHeader,.page__5,.page__6,.buttonPages_5_6{
    -webkit-touch-callout: none; 
    -webkit-user-select: none;   
    -khtml-user-select: none;   
    -moz-user-select: none;     
    -ms-user-select: none;      
    user-select: none;
}