body.signage-displays {overflow-y: auto}
.signage-list {width: 90%; margin-left: auto; margin-right: auto}
@media (min-width: 768px){
	.signage-displays main {width: 50vw}
	.signage-displays aside {margin: 8rem 2.5em 0;}
}
@media (min-width: 900px){
	.signage-displays main, .signage-displays aside {flex:none}
.flex-wrapper {margin-bottom: 5rem}
.signage-hero {width: 40vw; margin-right: 2vw;}
.signage-hero p {width: 95%}
.signage-displays aside {position: absolute; top: 5vh; right: 0; width: 47vw; border-left: 1px solid rgba(255,255,255,.45); margin-left: 1vw; padding-left: 2vw}
.signage-displays aside li {font-size: .85rem; line-height: 1.3rem; width: 100%; margin-left: -3rem;}
.signage-displays aside h2 {width: 85%}
.signage-displays aside li ul {margin-top: 1.05rem}
.signage-displays aside li ul li {width: 100%; margin-bottom: .25rem; margin-left: -2rem;}
.signage-list {display:flex; align-content:flex-start; justify-content: flex-start;}
}

@media (min-width: 1024px){
.signage-hero {width: 40vw; margin-right: 2vw}
.signage-hero p {width: 75%}
.signage-displays main {width: 40vw}
.signage-displays aside {width: 45vw; margin-top: 8rem;}
.signage-displays aside li { width: 80%}
}

@media (min-width: 1140px){
.signage-hero {width: 50vw; margin-right: 2vw}
.signage-hero h2 {width: 80%}
.signage-displays main {width: 50vw}
.signage-displays aside {width: 48vw; }
}

@media (min-width: 1366px){
	.signage-displays aside {width: 40vw; }
	}