@media (max-width: 800px){
                .schowajMOBILE{
                    display: none;
                }
            }
            @media (min-width: 801px){
                 .schowajPC{
                    display: none;
                }
            }

   body{
       
         background: #f2f3f7;
          background: #f8f8f8;
        padding: 0;
        margin: 0;
        height: 100% ;
          width: 100%;
                max-width: 100%;
        overflow-x:hidden;
        
         background-image: linear-gradient(
        to right bottom, 
        var(--clr-primary-100) 0%,  // Random colors
        var(--clr-primary-900) 100%
    ); // Linear gradient
    background-size: cover;      // Add these properties to your body tag
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    }
    

            
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}            

    
    @media (max-width: 801px){
        
          body{overflow: hidden;
                margin: 0;
        height: 100%;   
          max-height: 100%;
          position: fixed;
          }
}  

@media (min-width: 801px){
    .container{
        width: 95%;
        max-width: 1440px;
        margin: 40px auto;
        padding: 0;
        background: white;
    padding-bottom: 50px;
    border-radius: 0px 0px 15px 15px;
        
        //border: 1px  gainsboro solid;
        
    }
     }
     
     @media (min-width: 1100px){
   .container{
        width: 80%;
        max-width: 1440px;
        margin: 40px auto;
        padding: 0;
        background: white;
    padding-bottom: 50px;
    border-radius: 0px 0px 15px 15px;
        
        //border: 1px  gainsboro solid;
        
    }
    
}
     
     @media (max-width: 801px){
       .container{
        z-index: 50;   
        height: 100%;   
        min-height: 100%;   
        width: 100%;
        margin: auto;
        padding: 0;
        background: white;
        padding-bottom: 50px;
        //border: 1px  gainsboro solid;
        
    }
     }
     
     
     
     .baner{
        height: 80px;
        width: 100%;
        
      border-radius: 8px 8px 0 0;
        background-color: #1e367d;
      background: linear-gradient(90deg,#3f4b62 20%,#0774aa);
      position: relative;
      
        //   background: linear-gradient(120deg, rgb(74, 67, 255) 0%, rgb(180, 248, 255) 42%, rgb(96, 193, 208) 85%);
       // background: linear-gradient(90deg, rgba(30,54,125,1) 4%, rgba(73,95,159,1) 51%, rgba(30,54,125,1) 91%);
       // background: linear-gradient(90deg, rgba(14,26,64,1) 4%, rgba(56,71,116,1) 51%, rgba(20,34,77,1) 94%);
       
   //    background: linear-gradient(90deg, rgba(40,140,200) 4%, #67ccff 51%, rgba(40,140,200) 94%);
     //  background: linear-gradient(to right, darkblue, darkorchid,rgba(80,180,240));
    //   background: linear-gradient(90deg, rgb(106, 100, 255) 0%, rgb(226, 123, 255) 42%, rgb(88, 200, 217) 85%);
         // background-image: radial-gradient(ellipse 700px 200px at bottom, MidnightBlue  15%, white 100% );
      //  background-color: #6e6e82    ;//background-color: #292d49;#9ea1bb#7e8198#78788c
       
        //border: 1px  gainsboro solid;
        float: top;
        
    }
    @media (max-width: 801px){
        .baner{
        height: 45px;
        border-radius: 0px 0px 0px 0px;
        }
        
    }
          .menuS{
              float: right;  
              color: white;  
                
            }
            @media (min-width: 800px){
                 .menuS{
             display: none;  
                
            }
            }
            .menuB{
              float: right;  
              color: white;  
           
                
            }
            @media (max-width: 800px){
            .menuB{
             display: none;  
                
            }
            }
            
            .panelmenu{
                visibility: hidden;
                position: absolute;
                background-color: white;
                min-width: 300px;
                width: 300px;
               opacity: 0;
                height: 500px;
                z-index: 1008;
               float: right;
                top: -200px;
                box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
                transition: height 0.5s;
                
            }
            @media (max-width: 800px){
                .panelmenu{
                    width: 100%;
                    right: 0px;
                }
                
                
            }
            
            
                 .menuROZWIN{
                     
                        visibility: visible;
                     
                        transition-duration:0.5s; 
                        transition-property: top;
                        top: 80px;
                        opacity: 1;
                        right: 0;
                        transition: top 0.5s, visibility 0s, opacity 0.5s linear;
                        
                        
                        
  // background: #ffffff;  
  //      z-index: 102;
//   position: absolute;
                        }
                        @media (max-width: 800px){
                            .menuROZWIN{
                                top: 45px;
                                
                            }
                            
                        }
                        
                        .menuZWIN{
                        visibility: hidden;
                    
                        transition-duration:0.5s; 
                        transition-property: top;
                        top: -200px;
                        right: 0;
                        opacity: 0;
                        transition: top 0.5s, visibility 0.7s, opacity 0.5s linear;
//    background: #ffffff; 
                  
                     //   position: absolute;
                        }
            
              .buttonplus{
                  all: unset;
                  display : block ;
              border: 1px white solid;  
              color: white;
              padding: 10px;
              text-decoration: none;
background-color: Transparent;
cursor: pointer;
            }
            
            .spanx{
            display: block;
            width: 38px;
            height: 3px;
            background-color: white;
            margin: 0 0 7px;
            }  
            .spanxferst{
                margin-top: 15px;
            }
            @media (max-width: 801px){
               .spanxferst{
                margin-top: 11px;
            } 
                
            }

            
             .logo{
                 float: left;
        color: white;
        //width: 300px;
        font-size: 40px;
        padding: 15px
    }
    @media (max-width: 801px){
        .logo{
            padding: 5px;
            padding-left: 15px;
            font-size: 30px;
        }     
        
    }    
    
    .menubutton{
        //all: unset;
    color: #728191;
  cursor: pointer;
  width: calc(100% - 15px);
 // border-radius: 5px;
  margin: 7px;
    margin-left: 7px;
  padding-top: 5px;
  padding-bottom: 20px;
  font-size: 12px;
  font-family: Arial,helvetica,sans-serif;
  text-align: center;
  background-color: white;
   border-width: 0px;
  border-style: solid;
border-bottom: 1px solid #dde0e3;

 
  border-color: #dde0e3;;
  height: 20px;     
    }
    .menubutton_left{
        width: 25%; float: left; max-height: 20px; max-width: 30px; padding-left: 25px;
    }
    
    .menubutton_right{
        width: calc(100% - 65px);
        float: right;
        padding-top: 6px;
        
    }
@media (max-width: 801px){
     .menubutton{
   // padding-top: 15px;
   // padding-bottom: 15px;
    
     }
}

a { color: inherit;
text-decoration: none;}