body                            { font-family:Arial; color:#1109ab; background-color:#f0f0f0; margin:0; padding:0; }

@scope (.foundation-equipment)
{
        :scope                                          { --BACKGROUND: #f0f0f0; --COLOR: #1109AB; width:100%; margin:0 auto; }

        :scope header                                   { background:#ffd700; width:100%; padding:14px 0; overflow-x:hidden;  padding-bottom:30px;} 
        :scope main                                     { padding-top:20px; }
        :scope footer                                   { outline:0px solid red;  text-align:center; padding-top:20px; margin-bottom:20px; }    
        :scope a                                        { text-decoration:none; color:#1109ab; }

        :scope .block                                   { margin:0 auto;}
        :scope .divider                                 { size:1.1px;  COLOR:#1109AB; width:100%; }    
        :scope .divider:nth-of-type(1)                  {  margin-top:18px;  } 
        /* :scope .divider:nth-of-type(2)                  {  margin-top:18px;  } */

        
        /* :scope .block:nth-of-type(2)                    { margin-top:20px;} */

        .header-one h1 
        { 
                /* outline:3px solid green;  */
                font-size:clamp(14px, 2.4vw, 2.7vw);
                text-transform:uppercase;
                text-align:center; 
        }
        .header-two
        {
                /* outline:2px solid green;  */
                font-size:clamp(9px, 1.6vw, 1.6vw);
                display:grid; 
                grid-template-columns:1fr 1fr; 
                row-gap:4px;
        }

        .header-three
        {
                /* position:relative;  */
                margin-top:1.6%; 
                display:grid;
                grid-template-columns:30% 19% 24% 1fr; 
                font-size:clamp(10px, 1.5vw, 3.0vw);
        }
        .header-three *         { outline:0px solid blue; text-align:left; }

        .header-four            
        { 
                /* outline:1px solid red;   */
                font-size:clamp(12px, 1.5vw, 3.0vw);  
                margin-top:1%;  
                position:relative;
                /* top:-20px;  */
        }
        .header-five
        {
                /* text-align:center;  */
                margin:10px 0 10px 0; 
                font-size:clamp(14px, 1.3vw, 2.6vw); 
        }

        @media (max-width:600px)
        {
                .header-two             { grid-template-columns:1fr;  font-size:clamp(11px, 2.7vw, 2.7vw); }
                .header-three           { grid-template-columns:1fr; justify-items:start; font-size:clamp(12px, 1.5vw, 3.0vw);  }
                /* .header-three *         { text-align:left;  } */
        
        }

        :scope .centered-grid-container                
        { 
                display:grid; 
                align-items:center;   

                width:70%;
                max-width:100%;
                margin:0 auto; 

                /* text-transform:uppercase;  */
                font-size:11.4px; 
                font-weight:600; 
        }

        :scope .product-grid                   
        { 
                position:relative; 
                background-color:f4f4f4;  
                
                display:grid; 
                grid-template-columns:1fr;

        }      
}  

        /* .featured-content-top            
        {
                outline:1px solid red; 
                display:grid; 
                grid-template-rows: 1fr;
                grid-template-columns:35% 15% 25% 1fr; 
                grid-template-rows:1fr;
                font-size:1vw; 
        }
        .featured-content-bottom                        { outline:1px solid blue; } */




        /* :scope .header-grid 
        { 
                display:grid; 
                justify-items:center; 
                grid-template-columns:50% 50%; 
                grid-template-areas:    'H1 H1' 'PHONE EMAIL';
        }       */
        /* @media (max-width:600px)
        {
                :scope .header-grid { grid-template-columns:1fr                               
        } */

         
        
        /* @media  (max-width:800px)
        {                
                .featured-content-top                  
                { 
                        grid-template-columns:1fr;
                        grid-template-rows:auto; 
                        row-gap:10px; 

                }
        } */
         

/* 
        :scope .inventory              { margin-top:20px;  }
        :scope .header                 { grid-area: H1; }
        :scope .telephone-number       { grid-area: PHONE; font-size:1.1rem; font-size:14px; text-transform:uppercase; color:black;}
        :scope .email-address          { grid-area: EMAIL; } */