/* --- Responsive Design (BREAKPOINTS) --- */

        /* Tablet (max 1024px) - 3 cards per view */
        @media (max-width: 1000px) {   
                
                /*****************header ******************/
                 header {

                     border-radius: 0; 
                }
                h1 {
                    margin: 5px;
                }
                img.logo-img {
                    width: 50px;
                    cursor: pointer;
                }
                
                nav a {
                       font-size: 14px;
                }
                /***************end header ****************/
                
                /************** footer ******************/
                
                img.foot-logo {
                        width: 50px;
                        cursor: pointer;
                }
                p.allRightReseve {
                       font-size: 12px;
                }
                /************ end footer ***************/
                
        }
                
                
        /* Small Tablet/Mobile Landscape (max 768px) - 2 cards per view */
        @media (max-width: 768px) {
                .div-1{
                   
                }  
        }

        /* Mobile (max 480px) - 1 card per view */
        @media (max-width: 600px) {
                .div-1{
                  
                }  
        }