@media (max-width: 780px) {

    .gallery-container {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}
    .gallery-item {height: 250px;}

        header nav ul {
            display: none;
            flex-direction: column;
            width: 100%;
            background-color: #f8f8f8;
            border-bottom: #d4d3d3 1px solid;
            position: absolute;
            top: 60px;
            left: 0;
            }

        header nav ul.active {display: flex;}

        header nav ul li {
            margin: 10px 0;
            text-align: center;
            }

        .menu-icon {display: block;}

        .wine-cantina {font-size: 10px;}

    }