.view .page_header > .wrapper {
    padding-left: 20px;
    box-sizing: border-box;
    background: url('../img/arrow.svg') no-repeat left top 4px;
    background-size: 15px;
}
.view .content {
    margin-top: var(--default-spacing);
}
.view .description {
    margin-top: 35px;
}
.view header .medias {
    margin-top: var(--default-spacing);
}


/* Links */
.view .links {
    margin-top: var(--default-spacing);
}
.view .links .architecture_day a {
    display: block;
    width: 80px;
    height: 80px;
    background: url('../img/jna_outline.svg') no-repeat;
    background-size: 100%;
    font-size: 0;
    margin-bottom: var(--default-spacing);
}
.view .links .architecture_day a:hover {
    background: url('../img/jna.svg') no-repeat;
    background-size: 100%;
}
.view .links ul {
    border-top: 1px solid var(--grey);
}
.view .links ul li {
    height: var(--menu-item-height);
    border-bottom: 1px solid var(--grey);
}
.view .links ul li a {
    color: var(--grey);
    line-height: var(--menu-item-height);
}
.view .links ul li a :hover {
    color: #000;
}


@media only screen and (min-width: 768px) {
    /* Layout */
    .view .content {
        margin-top: 0;
    }
    .view .page_header {
        position: fixed;
    }
    .view .page_header > .wrapper {
        background-size: 15px;
    }
    .view > .wrapper {
        display: flex;
        flex-direction: row;
    }
    .view > .wrapper > header {
        flex-shrink: 0;
        width: var(--view-fixed-header-width);
        box-sizing: border-box;
        padding-right: var(--default-spacing);
    }
    .view > .wrapper > .content {
        margin-left: var(--view-header-width);
        width: var(--view-content-width);
    }
    
    
    /* Images */
    .view header .medias {
        width: 75%;
    }
    .view .image.publication {
        width: 60%;
    }
    
    /* Links */
    .view .links {
        margin-top: 0;
        position: fixed;
        bottom: var(--default-spacing);
        width: calc(var(--view-fixed-header-width) - var(--default-spacing));
        box-sizing: border-box;
    }
    
    /* Publication */
    #publication .content {
        position: fixed;
        top: calc(var(--header-height) + var(--default-spacing));
        bottom: var(--default-spacing);
        right: var(--default-spacing);
        width: var(--view-fixed-content-width);
    }
    #publication .content .image {
        position: relative;
        width: 100%;
        height: 100%;
    }
    #publication .content .image img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: left top;
    }
}
@media only screen and (min-width: 1024px) {
    .view .page_header > .wrapper {
        background-size: 20px;
        padding-left: 25px;
    }
    .view .links .architecture_day a {
        width: 100px;
        height: 100px;
    }
}
@media only screen and (min-width: 1280px) {
    .view .page_header > .wrapper {
        background-size: 20px;
        padding-left: 25px;
    }
    .view .links .architecture_day a {
        width: 130px;
        height: 130px;
    }
}
@media only screen and (min-width: 1920px) {
    .view .page_header > .wrapper {
        background: url('../img/arrow.svg') no-repeat left top 9px;
        background-size: 20px;
        padding-left: 30px;
        padding-top: 0;
    }
    .view .links .architecture_day a {
        width: 150px;
        height: 150px;
    }
}