/* Default header styles (for desktop) */
.site-header {
font-size: 36px;
padding: 20px;
background-color: #333;
color: white;
text-align: center;
}
/* Responsive styles for mobile */
@media (max-width: 768px) {
.site-header {
font-size: 24px; /* Adjust the size for mobile */
padding: 10px; /* Adjust padding for mobile */
