/*--Sticky Header: Disappear on scroll down and reappear on scroll up --*/

.sidebar {
/*--Amendment fixed header on Mobile < 1023px --*/
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  width: 5rem;
  max-width: 100%;
  background: #fff;
  transition: width 0.5s, height 0s 0.5s; }

@media (min-width: 1024px) and (min-height: 680px) {
  /*--Amendment fixed header on Mobile < 1023px--*/
     body > header {
     position: relative;
    }
}

@media (max-width: 1023px), (max-height: 679px) {

 /*--Amendment fixed header on Mobile < 1023px--*/
    body > header {
     position: fixed;
        top: 0;
        right: 0;
        left: 0;
     z-index: 1000;
     margin-right: 0;
    }
    
    .headroom {
        transition: transform 200ms linear;
    }
    .headroom--pinned {
        transform: translateY(0%);
    }
    .headroom--unpinned {
        transform: translateY(-100%);
    }
    
    .header__links li:nth-child(4):last-child{
        position: absolute;
        margin-right: 5rem;
    }
    
    .content{
    	padding-top: 100px;
    }
    
    /*--*/

}

@media (max-width: 512px){

	.content{
    	padding-top: 80px;
    }


}