/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/






/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

html.base-experience .section-hero .hero-container-pictures, html.no-js .section-hero .hero-container-pictures {
    margin-top:-200px
}

@media only screen and (max-width: 1068px) {
    html.base-experience .section-hero .hero-container-pictures, html.no-js .section-hero .hero-container-pictures {
        margin-top:-300px
    }
}

@media only screen and (max-width: 1068px) and (orientation: landscape) and (min-aspect-ratio: 16/9) {
    html.base-experience .section-hero .hero-container-pictures, html.no-js .section-hero .hero-container-pictures {
        margin-top: -340px;
    }
}

@media only screen and (max-width: 734px) {
    html.base-experience .section-hero .hero-container-pictures, html.no-js .section-hero .hero-container-pictures {
        margin-top: 0px;
        height: auto;
        margin-bottom:5px
    }
}

@media only screen and (max-width: 734px) and (orientation: portrait) {
    html.base-experience .section-hero .hero-container-pictures, html.no-js .section-hero .hero-container-pictures {
        margin-top:-100px
    }
}

@media only screen and (max-width: 734px) and (orientation: landscape) {
    html.base-experience .section-hero .hero-container-pictures, html.no-js .section-hero .hero-container-pictures {
        margin-top:-18vw
    }
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-copy, html.no-js .section-hero .hero-copy {
   	 	margin-top: 60px;
    	opacity:1
	}
}

@media only screen and (max-width: 320px) {
    .section-hero .hero-bottom {
        flex-direction: column;
    }
}

.typography-modal-callout {
   line-height: normal;
}

@media only screen and (max-width: 734px) {
   .modal-standard .content-table .content-cell .content-padding .modal-callout-copy, .modal .content-table .content-cell .content-padding .modal-callout-copy {
      width: 80%;
   }
}


.section-intercom .overview-intercom-fallback {
    position: relative;
    left: 50%;
    margin-left: -589px;
    display: block;
    margin-bottom:154px
}
@media only screen and (max-width: 1068px) {
    .section-intercom .overview-intercom-fallback {
        left: 50%;
        margin-left:-480px
    }
}
@media only screen and (max-width: 734px) {
    .section-intercom .overview-intercom-fallback {
        left: 50%;
        margin-left:-320px
    }
}
@media only screen and (max-width: 1068px) {
    .section-intercom .overview-intercom-fallback {
        margin-bottom:192px
    }
}
@media only screen and (max-width: 734px) {
    .section-intercom .overview-intercom-fallback {
        margin-top: 36px;
        margin-bottom:136px
    }
}

.section-intercom .intercom .intercom-pictures .room-label.den-label-position {
    left: 0;
}
.section-intercom .intercom .intercom-pictures .room-label.kids-room-label-position {
    left: -8px;
}
.section-intercom .intercom .intercom-pictures .room-label.bedroom-label-position {
    left: -5px;
}

@media only screen and (max-width: 1068px) {
    .section-intercom .intercom .intercom-pictures .room-label.den-label-position {
        left: 5px;
        line-height: 1;
    }
    .section-intercom .intercom .intercom-pictures .room-label.kids-room-label-position {
        left: -10px;
    }
    .section-intercom .intercom .intercom-pictures .room-label.bedroom-label-position {
        left: -1px;
    }
}

@media only screen and (max-width: 734px) {
    .section-intercom .intercom .intercom-pictures .room-label.livingroom-label-position {
        left: -2px;
    }
    .section-intercom .intercom .intercom-pictures .room-label.bedroom-label-position {
        left: -10px;
    }
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/