<div class="page_header">
    <div class="page_header_media has_video">
        <div class="page_header_media_inner">
            <figure class="page_header_figure">

                <picture class="page_header_picture">
                    <source media="(min-width: 1200px)" srcset="https://images.fastspot.com/washington-national-cathedral/1440x960/1">
                    <source media="(min-width: 980px)" srcset="https://images.fastspot.com/washington-national-cathedral/1220x814/1">
                    <source media="(min-width: 740px)" srcset="https://images.fastspot.com/washington-national-cathedral/980x980/1">
                    <source media="(min-width: 500px)" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/1">
                    <img class="page_header_image" src="//images.fastspot.com/washington-national-cathedral/200x300/1" alt="" loading="eager" width="200px" height="300px">
                </picture>
            </figure>

            <figure class="page_header_figure_mobile">

                <picture class="page_header_picture">
                    <source media="(min-width: 740px)" srcset="https://images.fastspot.com/washington-national-cathedral/980x980/2">
                    <source media="(min-width: 500px)" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/2">
                    <img class="page_header_image" src="//images.fastspot.com/washington-national-cathedral/200x300/2" alt="" loading="eager" width="200px" height="300px">
                </picture>
            </figure>

            <div class="js-background-video-wrapper page_header_bg_video has_mobile" data-background-video='{"display":"background","id":"520354192","type":"vimeo","title":"The Great Organ"}'>
                <div class=" page_header_bg_video_iframe_wrap">
                    <div class=" page_header_bg_video_iframe_target js-iframe-target"></div>
                </div>
                <div class="page_header_bg_video_controls">

                    <button class="page_header_bg_video_play_button js-page-header-bg-video-play-button">
                        <span class="page_header_bg_video_play_button_inner">
                            <span class="page_header_bg_video_play_button_label">Play Video</span>
                            <span class="page_header_bg_video_play_button_icon" aria-hidden="true"><span class="page_header_bg_video_play_button_icon_inner">

                                    <svg class="icon icon_play">
                                        <use href="/images/icons.svg#play" />
                                    </svg>

                                </span>
                            </span>
                    </button>

                    <button class="page_header_bg_video_pause_button js-page-header-bg-video-pause-button">
                        <span class="page_header_bg_video_pause_button_inner">
                            <span class="page_header_bg_video_pause_button_label">Pause Video</span>
                            <span class="page_header_bg_video_pause_button_icon" aria-hidden="true"><span class="page_header_bg_video_pause_button_icon_inner">

                                    <svg class="icon icon_pause">
                                        <use href="/images/icons.svg#pause" />
                                    </svg>

                                </span>
                            </span>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="page_header_inner">
        <div class="page_breadcrumb">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="page_breadcrumb_inner">

                        <div class="breadcrumb">
                            <nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
                                <div class="breadcrumb_nav_header">
                                    <h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
                                </div>
                                <ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
                                    <li class="breadcrumb_item breadcrumb_item_home">
                                        <a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
                                            <span class="breadcrumb_pill_inner">
                                                <span class="breadcrumb_pill_label">Home</span>
                                            </span>
                                        </a>
                                        <span class="breadcrumb_divider" aria-hidden="true">/</span>
                                    </li>
                                    <li class="breadcrumb_item">
                                        <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                            <span class="breadcrumb_pill_inner">
                                                <span class="breadcrumb_pill_label">Music</span>
                                            </span>
                                        </a>
                                    </li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="page_intro">
            <div class="fs-row">
                <div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
                    <div class="page_intro_inner">
                        <h1 class="page_title" id="page_title" tabindex="-1">The Great Organ</h1>
                        <div class="page_intro_divider">
                            <svg class="icon icon_pattern">
                                <use href="/images/icons.svg#pattern" />
                            </svg>
                        </div>
                        <p class="page_description">Dis facilisis tellus ultricies vestibulum cubilia risus, blandit commodo hac ut posuere ex cursus, class libero imperdiet nullam odio.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="page_nav">
    <div class="fs-row page_nav_row">
        <div class="fs-cell page_nav_cell">
            <div class="page_nav_inner">
                <a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>

                <div class="js-sub-nav-group sub_nav_group sub_nav_group_small">

                    <button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
                        <span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
                            <span class="sub_nav_toggle_label_default sub_nav_toggle_label">Explore This Section</span>
                            <span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">

                                <svg class="icon icon_more">
                                    <use href="/images/icons.svg#more" />
                                </svg>

                            </span>
                        </span>
                        <span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
                            <span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
                            <span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">

                                <svg class="icon icon_close">
                                    <use href="/images/icons.svg#close" />
                                </svg>

                            </span>
                        </span>
                    </button>
                    <nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
                        <div class="sub_nav_header">
                            <h2 class="sub_nav_title" id="sub_nav_title">The Great Organ</h2>
                            <h3 class="sub_nav_parent">Programs</h3>
                        </div>
                        <div class="js-sub-nav-body sub_nav_body">
                            <div class="js-sub-nav-body-inner sub_nav_body_inner">
                                <ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_label">Special & Seasonal Programs</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_label">Racial & Social Justice</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_label">Veterans & Military Families</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item active">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_label">Center for Prayer & Pilgrimage</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_label">Cathedral Scholars Program</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
            <!-- WYSIWYG -->
            <div class="typography">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
                <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
            </div>
            <!-- END: WYSIWYG -->
        </div>
    </div>
</div>

<div class="full_width_callouts">

    <!-- Topic Row -->
    <div class="topics">
        <div class="topics_inner">
            <div class="topics_header">
                <div class="fs-row">
                    <div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
                        <div class="topics_header_inner">
                            <h2 class="topics_title">
                                <span class="topics_title_label">Opportunities to Hear Organ Music</span>
                            </h2>
                            <div class="topics_description">
                                <p>Journey with Cathedral organists Thomas M. Sheehan and George Fergus as they wow us throughout a playlist of performances on the Cathedral’s 10,647-pipe great organ. Watch full recitals, demos, and favorites by a number of composers.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="topics_body">
                <div class="fs-row">
                    <div class="fs-cell">
                        <div class="topics_body_inner">
                            <div class="topic topic_has_image">
                                <div class="topic_inner">
                                    <figure class="topic_figure" aria-hidden="true">

                                        <img class="topic_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/1 980w, https://images.fastspot.com/washington-national-cathedral/740x494/1 740w, https://images.fastspot.com/washington-national-cathedral/500x334/1 500w, https://images.fastspot.com/washington-national-cathedral/300x200/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/1" alt="" loading="lazy" width="300" height="200">
                                    </figure>
                                    <div class="topic_wrapper">
                                        <div class="topic_header">
                                            <h3 class="topic_title">Organ Recitals</h3>
                                        </div>
                                        <div class="topic_body">
                                            <div class="topic_description">
                                                <p>Join us for recitals on the Cathedral’s great organ featuring organists from around the world. Recitals take place on Sunday afternoons. Please refer to the Cathedral Calendar for specific times. There is a suggested donation of $10 per person. No reservations are required, with the exception of groups.</p>
                                            </div>
                                        </div>
                                        <div class="topic_links">
                                            <div class="topic_link_item">

                                                <a href="#" class="topic_link">
                                                    <span class="topic_link_inner">
                                                        <span class="topic_link_label">Performance Calendar</span><span class="icon_nowrap topic_link_icon" aria-hidden="true">&#xfeff;
                                                            <svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="topic topic_has_image">
                                <div class="topic_inner">
                                    <figure class="topic_figure" aria-hidden="true">

                                        <img class="topic_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/2 980w, https://images.fastspot.com/washington-national-cathedral/740x494/2 740w, https://images.fastspot.com/washington-national-cathedral/500x334/2 500w, https://images.fastspot.com/washington-national-cathedral/300x200/2 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/2" alt="" loading="lazy" width="300" height="200">
                                    </figure>
                                    <div class="topic_wrapper">
                                        <div class="topic_header">
                                            <h3 class="topic_title">Sunday Holy Eucharist</h3>
                                        </div>
                                        <div class="topic_body">
                                            <div class="topic_description">
                                                <p>Everyone is welcome at service where the full power of the great organ can be heard and felt. Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.</p>
                                            </div>
                                        </div>
                                        <div class="topic_links">
                                            <div class="topic_link_item">

                                                <a href="#" class="topic_link">
                                                    <span class="topic_link_inner">
                                                        <span class="topic_link_label">Worship Schedule</span><span class="icon_nowrap topic_link_icon" aria-hidden="true">&#xfeff;
                                                            <svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="topic_link_item">

                                                <a href="#" class="topic_link">
                                                    <span class="topic_link_inner">
                                                        <span class="topic_link_label">Another</span><span class="icon_nowrap topic_link_icon" aria-hidden="true">&#xfeff;
                                                            <svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="topic_link_item">

                                                <a href="#" class="topic_link">
                                                    <span class="topic_link_inner">
                                                        <span class="topic_link_label">Another</span><span class="icon_nowrap topic_link_icon" aria-hidden="true">&#xfeff;
                                                            <svg class="icon icon_arrow_right">
                                                                <use href="/images/icons.svg#arrow_right" />
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="topic topic_has_image">
                                <div class="topic_inner">
                                    <figure class="topic_figure" aria-hidden="true">

                                        <img class="topic_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/3 980w, https://images.fastspot.com/washington-national-cathedral/740x494/3 740w, https://images.fastspot.com/washington-national-cathedral/500x334/3 500w, https://images.fastspot.com/washington-national-cathedral/300x200/3 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/3" alt="" loading="lazy" width="300" height="200">
                                    </figure>
                                    <div class="topic_wrapper">
                                        <div class="topic_header">
                                            <h3 class="topic_title">Weekly Demonstrations</h3>
                                        </div>
                                        <div class="topic_body">
                                            <div class="topic_description">
                                                <p>Demonstrations are scheduled every Monday and Wednesday at 12:30 pm. Each 30 minute demo features an overview by a Cathedral organist about 10,650-pipe organ followed by a mini-recital. Demonstrations do not happen on holidays so be sure to check your calendar.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Topic Row -->
</div>
{% include '@partial-page-header--bg' with {
	page: page
} %}

<div class="page_content{% if not page.has_content %} empty{% endif %}"{% if page.has_content %} id="page_content" tabindex="-1" aria-labelledby="page_title"{% endif %}>	<div class="fs-row">
		<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
			{% if page.has_content %}
			<!-- WYSIWYG -->
			<div class="typography">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
				<p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
			</div>
			<!-- END: WYSIWYG -->
			{% endif %}
		</div>
	</div>
</div>

<div class="full_width_callouts"{% if not page.has_content %} id="page_content" tabindex="-1" aria-labelledby="page_title"{% endif %}>
	{% render '@component-topic-row' %}
</div>

No notes defined.