.fixedsticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
}
/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
	position: static;
}
.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
	position: fixed;
}
.fixedsticky-dummy {
	display: none;
}
.fixedsticky-on + .fixedsticky-dummy {
	display: block;
}

/* Fixed-Sticky CSS */
.top {
	top: 0; 
}
.bottom {
	bottom: 0;
}
#top-a {
	top: 70px;
}
#bottom-b {
	bottom: 16px;
}

/* Demo Colors */
#top-a,
#bottom-a {
    /*
	background-color: #f00;
	background-color: rgba(255,0,0,.6);
    */
}
#top-b,
#bottom-b {
    /*
	background-color: #0f0;
	background-color: rgba(0,255,0,.6);
    */
}


@media ( max-width: 25em ) {
	
        #top-a {
		/*height: 200px;*/
	}
}