/* @group Sitemap
------------------------------------ */
.siteplan-main {}
.siteplan-main article iframe { height: 100vh; width: 100%; }

.siteplan-main h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; margin: 0 0 2rem; }
.siteplan-main p { color: rgba(0,100,163,1); font-size: 1.6em; letter-spacing: 0.77px; line-height: 1.929em; }
.siteplan-main .bttn { margin-bottom: 20rem; }
@media only screen
and (min-width : 961px) {
  /* Navigation
  ----------------------*/
  .neighborhood-nav { margin: 0 0 8.8rem; }
  /* Main
  ----------------------*/
  .siteplan-main p { max-width: 75rem; margin: 0 auto 6.2rem; }
  .siteplan-main h2,
  .siteplan-main p,
  .siteplan-main .siteplan-map { opacity: 0; visibility: hidden; }
  .siteplan-main .siteplan-map p { opacity: 1; visibility: visible; }
  .siteplan-main.animateActive h2,
  .siteplan-main.animateActive p { animation: textUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
  .siteplan-main.animateActive p { animation-delay: .4s; }
  .siteplan-main.animateActive .siteplan-map { animation: sectionUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; animation-delay: .6s; }
  .siteplan-main.animateActive .siteplan-map p { animation: none; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  /* Main
  ----------------------*/
  .siteplan-main {}
  .siteplan-main h2 { font-size: 5em; letter-spacing: 0.2px; line-height: 1.040em; margin: 0 0 1.2rem; }
  .siteplan-main p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; margin: 0 0 6.6rem; }

}
/* @end */