@media (max-width: 768px) {
    .logo h1 {
        font-size: 42px;
    }
    
    .recipe-grid {
        grid-template-columns: 1fr;
    }

    .paper-note {
        transform: rotate(0deg);
        background-size: 100% 2em; /* Increase line height on mobile */
        line-height: 2em;
    }
    
    .main-nav ul {
        flex-direction: column;
        gap: 15px;
    }
}