/* ============================================================
   /css/headings.css
   A page should have one main heading (h1). Headings that used to
   be extra h1 tags are now <h2 class="as-h1">. These rules make
   them look exactly as they did: each is a copy of a rule that
   styles h1 in the other stylesheets. Loaded last, from
   nav/basestyles.php.
   ============================================================ */
html * .ls-slide > h2.as-h1,
body * .ls-slide > h2.as-h1,
#ls-global * .ls-slide > h2.as-h1 { transition: none; }
h2.as-h1 { margin: 0px; padding: 0px; border: 0px; outline: none; background: none; font: inherit; vertical-align: baseline; }
h2.as-h1 { display: block; }
h2.as-h1 { font-size: 65px; font-weight: 100; color: rgb(0, 0, 0); margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgb(209, 213, 219); }
.page-title h2.as-h1 { float: left; margin: 0px 10px -10px 0px; font-size: 24px; line-height: 44px; font-weight: 400; color: rgb(3, 124, 255); }
.page-title h2.as-h1 i { display: block; float: left; margin: 11px 6px 0px 0px; width: 17px; height: 18px; padding-left: 1px; border: 2px solid rgb(3, 124, 255); border-radius: 50%; font-size: 16px; line-height: 18px; text-align: center; }
.slideshow h2.as-h1 { font-size: 74px; line-height: 1; font-weight: 100; text-transform: uppercase; color: rgb(255, 255, 255); }
.portfolio .item h2.as-h1 { margin-bottom: 20px; font-size: 65px; font-weight: 100; text-align: left; color: rgb(0, 0, 0); }
@media screen and (max-width: 980px) {
.portfolio .item h2.as-h1 { font-size: 50px; }
}
.product h2.as-h1 { font-size: 30px; font-weight: 100; color: rgb(0, 0, 0); }
.not-found h2.as-h1 { font-size: 50px; line-height: 54px; font-weight: 100; }
.map + h2.as-h1 { margin: 60px 0px -30px; padding-top: 50px; border-top: 1px solid rgb(224, 224, 224); text-align: center; }
.composer h2.as-h1 { margin-bottom: 30px; font-size: 65px; font-weight: 100; color: rgb(0, 0, 0); }
@media screen and (max-width: 1200px) {
.composer h2.as-h1 { font-size: 60px; }
}
@media screen and (max-width: 980px) {
.composer h2.as-h1 { font-size: 55px; }
}
@media screen and (max-width: 767px) {
.composer h2.as-h1 { font-size: 50px; }
}
#adds .page-content h2.as-h1,
#adds .page-content-alt h2.as-h1 { padding-top: 60px; }
@media screen and (max-width: 1200px) {
#adds .page-content h2.as-h1,
#adds .page-content-alt h2.as-h1 { padding-top: 0px; }
}
.slideshow h2.as-h1 { margin-bottom: 0px; }