.h-whitespace-0 {
                    height: 40px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-0  {
                        height: 60px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-0  {
                        height: 80px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-0  {
                        height: 80px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-0  {
                        height: 100px;
                    }
                }
        
            .h-whitespace-1 {
                    height: 20px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-1  {
                        height: 40px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-1  {
                        height: 40px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-1  {
                        height: 60px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-1  {
                        height: 82px;
                    }
                }
        
            .h-whitespace-3 {
                    height: 40px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-3  {
                        height: 60px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-3  {
                        height: 80px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-3  {
                        height: 80px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-3  {
                        height: 100px;
                    }
                }
        
            .h-whitespace-5 {
                    height: 40px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-5  {
                        height: 60px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-5  {
                        height: 80px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-5  {
                        height: 80px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-5  {
                        height: 100px;
                    }
                }
        
            .h-whitespace-6 {
                    height: 20px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-6  {
                        height: 40px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-6  {
                        height: 40px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-6  {
                        height: 60px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-6  {
                        height: 60px;
                    }
                }
        
            .h-whitespace-8 {
                    height: 40px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-8  {
                        height: 60px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-8  {
                        height: 80px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-8  {
                        height: 80px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-8  {
                        height: 100px;
                    }
                }
        
            .h-whitespace-10 {
                    height: 40px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-10  {
                        height: 60px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-10  {
                        height: 60px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-10  {
                        height: 80px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-10  {
                        height: 80px;
                    }
                }
        
            .h-whitespace-13 {
                    height: 20px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-13  {
                        height: 40px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-13  {
                        height: 40px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-13  {
                        height: 60px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-13  {
                        height: 59px;
                    }
                }
        
            .h-whitespace-15 {
                    height: 100px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-15  {
                        height: 100px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-15  {
                        height: 150px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-15  {
                        height: 150px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-15  {
                        height: 150px;
                    }
                }
        
            .h-whitespace-17 {
                    height: 100px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-17  {
                        height: 100px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-17  {
                        height: 150px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-17  {
                        height: 150px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-17  {
                        height: 150px;
                    }
                }
        
            .h-whitespace-19 {
                    height: 100px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-19  {
                        height: 100px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-19  {
                        height: 150px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-19  {
                        height: 150px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-19  {
                        height: 150px;
                    }
                }
        
            .h-whitespace-21 {
                    height: 60px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-21  {
                        height: 60px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-21  {
                        height: 80px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-21  {
                        height: 80px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-21  {
                        height: 80px;
                    }
                }