.local-navigator {
    display: none;
    /*
    width: 20em;
    height: 30em;
    background: blue;
    position: fixed;    
    top: 50%;
    left: -18em;
    margin-top: -15em;
    opacity: 0.6;
    */
}
.local-navigator.active {
    opacity: 1;
}

/** Stuff we don't know about yet **/
article .category,
article .page,
article .super-title,
.local-navigator,
.secondary-graphics {
    display: none;    
}

/** Stuff we don't know about yet (Dont apply to frontpage category) **/
.spread:not(.frontpage) .blocks article .category,
article .page,
article .super-title,
.local-navigator,
.secondary-graphics {
    position: absolute;
    background: gray;
    color: grey;
}


/* Frontpage header changes */
.frontpage .global-header {
    height: 95px;
}
.logo img {
    position:absolute;
    left: 265px;
    height: 56px; /* global-header-height*/
}
.frontpage .global-header .logo img {
    left: 0px;
    height: 79px;
    bottom: 0px;
}
.frontpage .global-header .paper_section {
    opacity: 0;
}
.global-header .paper_section {
    opacity: 1;
}
.global-header .price {
    opacity: 0;
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-family: 'Droid Sans', sans-serif;
    font-size: 0.85em;
    line-height: 58px;  /* global-header-height*/
    margin-right: 28px;    
    margin-left: 28px;
}
.frontpage .global-header .price {
    opacity: 1;
}
.frontpage .paper {
    padding-top: 105px;
}
.paper {
    -webkit-transition: padding-top 1s ease-in-out;
    transition: padding-top 1s ease-in-out;
}
@media all and (orientation:portrait){
    .global-header .price {
        right: initial;
        left: 0px;
        bottom: initial;
        top: 0px;        
    }    
    
    .frontpage .global-header {
        height: 126px;
    }    
    .frontpage .paper {
        padding-top: 145px;
    }
    .frontpage .global-header .logo img {
        left: 33px;
    }    
    
    .global-header .logo img {
        left: 165px;
        height: 52px;
    }    
}