@media   (max-width: 960px) {
    .form{
        padding:4px!important;
    }
    .grid-menu {
        display: grid;
        align-content: center;
        justify-content: center;
        align-items: center;
        grid-template-columns: 1fr;
    }

    /* ----- */
    
    .pad20{
        padding:clamp(10px,20px,5%);
    }
    .pad50{
        padding:clamp(10px,50px,5%);
    }
    .pad100{
        padding:clamp(10px,100px,5%);
    }
    
    /* -------------- */
    
    
    
    .margin-top50{
        margin-top:clamp(10px,50px,5%);
    }
    
    .margin-top100{
        margin-top:clamp(10px,100px,5%);
    }
    
    .margin-top200{
        margin-top:clamp(10px,200px,5%);
    }
    
    .margin-bottom50{
        margin-bottom:clamp(10px,50px,5%);
    }
    
    .margin-left50{
        margin-left:clamp(10px,50px,5%);
    }
    
    .margin-left100{
        margin-left:clamp(10px,100px,5%); 
    }
    
    .margin-left200{
        margin-left:clamp(10px,200px,5%); 
    }
    
    /* -------------- */
    
    .margin-right50{
        margin-right:clamp(10px,50px,5%);
    }
    
    .margin-right100{
        margin-right:clamp(10px,100px,5%);;
    }
    
    .margin-right200{
        margin-right:clamp(10px,200px,5%);;
    }
    
    /* -------------- */
    
    
    .pad-left50{
        padding-left:clamp(10px,50px,5%);
        }
        
    .pad-left100{
    padding-left:clamp(10px,100px,5%);;
    }
    
    .pad-left200{
        padding-left:clamp(10px,200px,5%);;
    }
    
    /* -------------- */
 
    .pad-top50{
        padding-top:clamp(10px,50px,5%);
        }
        
    .pad-top100{
    padding-top:clamp(10px,100px,5%);;
    }
    
    .pad-top200{
        padding-top:clamp(10px,200px,5%);;
    }
    
    /* -------------- */
   
    
    .pad-right50
    {
        padding-right:clamp(10px,50px,5%);
    }
    .pad-right100
    {
        padding-right:clamp(10px,100px,5%);;
    }
    .pad-right200
    {
        padding-right:clamp(10px,200px,5%);;
    }
    
    /* -------------- */
    .hero{
        font-size:2.4em;
    }

 
    }


    @media (max-width:300px){
        .hide-vsmall{display:none!important}
            
 .page-header > div{
    grid-template-columns:  1fr !important;
    justify-content: right;
    justify-items: end;
  }
   
  .col2size64{
    grid-template-columns:1fr;
  } 
  .col2size100{
    grid-template-columns:1fr;
  } 
    }

    @media (max-width:768px){ /* was 960 */
        *{
            /*font-size:1em;*/
        }
        .hide-vsmall{display:none!important}
            
 .page-header > div{
    grid-template-columns:  1fr !important;
    justify-content: center!important;
    justify-items: center!important;
  }
   
  .col2{
    grid-template-columns: 1fr ;
  }
  
  
  .col3{
   
    grid-template-columns: 1fr;
    
  }
  
  
  .col4{
   
    grid-template-columns:1fr;
    
  }
   
  
    }    
    @media (max-width:600px){
        .hide-small{display:none!important}
         
.moveup20{
    /*
    top: 0px;
    position: relative;
    z-index: auto;
    background: white;
    margin-bottom: 0px; 
    */
}
    }
@media (min-width:1023px){.hide-large{display:none!important}}
@media (max-width:1023px) and (min-width:601px){
    .hide-medium{display:none!important}
    .small-float-left{
        float:left!important;
    }
}

@media (max-width:1023px){
    .grid-page{
        grid-template-columns: 1fr;
    }

    
  .col2size250{
    grid-template-columns:1fr;
  }
  .col2size400{
    grid-template-columns:1fr;
  }
  .col2size25p{
    grid-template-columns:1fr;
  }
     
}