#banner { height: auto; }

#photos { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 200px; }
    #photos > .photo { width: 436px; height: 292px; margin: 0 32px 52px; background-position: center; background-size: cover; }

#photo-popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.8); z-index: 1000; padding: 0 40px; display: none; }
    #photo-popup > .slick-slider, #photo-popup > .slick-slider > .slick-list, #photo-popup > .slick-slider > .slick-list > .slick-track { height: 100% !important; }
    #photo-popup .photo-w { width: 100vw; height: 100%; display: flex; justify-content: center; align-items: center; }
        #photo-popup .photo-w > .photo { max-height: 98%; }