/* @group Commercial
------------------------------------ */
.page-header .img-box { height: 38.1rem; }
.page-header h1 { font-size: 4.8em; font-weight: 800; letter-spacing: 0.24px; line-height: 1.209em; }

/* Cards view  */

.courses{
    margin-top: 0;
}

.layout-map{
  margin-top: 4.6rem;
}

.layout-map .first-row{
  display: none;
}

/* Main Header
----------------------*/
.multifamily-main header { padding:  7.6rem 0 6.8rem; margin-bottom: 8.7rem; background-color: rgba(237,248,251,1);}
.multifamily-main header h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; margin: 0 0 2rem; }
.multifamily-main header p { color: rgba(26,46,87,1); font-size: 1.6em; letter-spacing: 0.77px; line-height: 1.929em; }
.multifamily-main header p:last-child { margin: 0 auto; }

@media only screen
and (min-width : 961px) {

  .courses__item{
    margin-bottom: 5rem;
  }

  .layout-map{
    margin-top: 0rem;
  }

  /* Main Header
  ----------------------*/
  .multifamily-main header p { max-width: 80rem; margin: 0 auto 2rem; }
  .multifamily-main header h2,
  .multifamily-main header p { opacity: 0; visibility: hidden; }
  .multifamily-main.animateActive header h2,
  .multifamily-main.animateActive header p { animation: textUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
  .multifamily-main.animateActive header p { animation-delay: .4s; }
}

@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}

@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .page-header .img-box { height: 37.8rem; }
  .page-header h1 { font-size: 6em; letter-spacing: 0.31px; line-height: 1.217em; }

  /* Main Header
  ----------------------*/
  .multifamily-main header { background: rgba(237,248,251,1); padding:  7.8rem 0 6.7rem; margin-bottom: 6rem; }
  .multifamily-main header h2 { font-size: 5em; letter-spacing: 1.07px; line-height: 1.040em; margin: 0 0 1.7rem; }
  .multifamily-main header p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; }
}
/* @end */