.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-16 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-16  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-16  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-16  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-16  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-18 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-18  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-18  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-18  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-18  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-20 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-20  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-20  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-20  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-20  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-22 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-22  {
                        height: 1220px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-22  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-22  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-22  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-24 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-24  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-24  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-24  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-24  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-26 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-26  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-26  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-26  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-26  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-28 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-28  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-28  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-28  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-28  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-30 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-30  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-30  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-30  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-30  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-32 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-32  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-32  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-32  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-32  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-34 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-34  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-34  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-34  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-34  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-36 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-36  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-36  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-36  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-36  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-38 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-38  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-38  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-38  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-38  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-40 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-40  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-40  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-40  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-40  {
                        height: 200px;
                    }
                }
        
            .h-whitespace-42 {
                    height: 80px;
                }
                @media (min-width: 768px) and (max-width: 1024px) {
                    .h-whitespace-42  {
                        height: 120px;
                    }
                }
                @media (min-width: 1024px) and (max-width: 1280px) {
                    .h-whitespace-42  {
                        height: 160px;
                    }
                }
                @media (min-width: 1280px) and (max-width: 1536px) {
                    .h-whitespace-42  {
                        height: 160px;
                    }
                }
                @media (min-width: 1536px) {
                    .h-whitespace-42  {
                        height: 200px;
                    }
                }