header {
        background-color: #092049;
        padding: 40px 20px;
    }
    
    .header-text {
        position: relative;
        text-align: center;
        color: white;
        font-size: 40px;
        font-weight: bold;
    }

    /* Mobile-specific styles */
    @media (max-width: 768px) {
        .header-text h1 {
            font-size: 28px; /* Smaller font size on mobile */
            padding: 0 10px; /* Add some horizontal padding to avoid text overflow */
        }
        
        header {
            padding: 20px 10px; /* Reduce padding on mobile */
        }
    }