// All breakpoints have $breakpoint prefix
// E.g. @media screen and (min-width: $breakpoint-site-header-small) {}
$site-header-extra-small: 520px;
$site-header-small: 900px;
$site-header-medium: 1200px;
$site-header-large: 1400px;

$horizontal-margins-large: 920px;

$site-footer-two-column: 480px;
$site-footer-five-column: 920px;

$hero-small: 620px;
$hero-large: 1020px;

$grid-homepage-medium: 920px;

$faq-columns-medium: 740px;

$quotes-medium: 940px;
$quotes-large: 1200px;

$automated-row-grouping-small: 480px;
$automated-row-grouping-medium: 740px;
$automated-row-grouping-large: 1200px;

$automated-integrated-charts-medium: 1024px;

$sponsorship-large: 840px;

$fw-selector-full-width-medium: 740px;
$fw-selector-full-width-large: 1020px;

$docs-search-small: 420px;
$docs-search-medium: 720px;

$docs-nav-medium: 1052px;
$docs-nav-large: 1475px;
$docs-nav-extra-large: 1880px;

$docs-home-small: 768px;

$fw-selector-show-selected-medium: 972px;

$about-small: 600px;
$about-large: 900px;

$pricing-small: 620px;
$pricing-medium: 820px;
$pricing-large: 1260px;

$changelog-pipeline-large: 980px;

$policy-page-extra-large: 1400px;

$videos-extra-small: 480px;
$videos-small: 630px;
$videos-medium: $docs-nav-medium;
$videos-large: 1285px;

$alert-flag-small: 660px;

$table-small: 640px;

$code-line-numbers: 820px;

$gallery-small: 820px;
$gallery-large: 1340px;

$options-medium: 820px;
$options-large: 1200px;
$options-extra-large: 1800px;

$community-small: 605px;
$community-medium: 1024px;
$community-large: 1260px;

$sitemap-small: 500px;
$sitemap-medium: 1024px;

$landing-page-small: 620px;
$landing-page-medium: 1020px;
$landing-page-large: 1200px;
