@import url(../../fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Style the header */
.header {
    padding: 10px 16px;
    background: #555;
    color: #f1f1f1;
}

/* Page content */
.content {
    padding: 16px;
}

.fixed_sticky{
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%
}

/*!* The sticky class is added to the header with JS when it reaches its scroll position *!*/
.sticky {
    position: fixed;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    z-index: 1000;
    width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
    padding-top: 102px;
}

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}