#return-button {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 1em;
    background-image: url('/wp-content/themes/twentyseventeen/assets/images/up-white-black.svg');
    background-color: white;
    border-radius: 100%;
    width: 7.5rem;
    height: 7.5rem;
    cursor: pointer;
    z-index: 100;
    margin: 3.75rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}

#return-button:hover {
    background-image: url('/wp-content/themes/twentyseventeen/assets/images/up-white-black.svg');
    transform: scale(1.1);
}


.page-template-template-work .menu-logo {
    margin: 0;
    width: 7.5rem;
}
.underline {
    text-decoration: underline;
}

.underline-border {
    border-bottom: 2px solid white;
    transition: border-bottom .3s ease-in-out;
}

.underline-border:hover {
    text-decoration: none;
    padding-bottom: 5px;
}

.template-about .title-bar {
    background:black;
}

#return-button {
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-in-out;
}

.has-scrolled #return-button {
    opacity: 1;
    pointer-events: all;
}

.page-template-template-work.has-scrolled #return-button {
    opacity: 0;
    pointer-events: none;
}

.page-template-template-work.has-scrolled-bottom #return-button {
    opacity: 1;
    pointer-events: all;
}

#page {
    /* margin-bottom: 2em; */
    min-height: 100vh;
}

.menu-logo {
    margin: 0;
    width: 7.5rem;
    display: inline-block;
    height: 6rem;
    /* position: fixed; */
    /* padding-top: 1rem; */
    /* text-align: right; */
    /* color: black; */
}

.page-template-template-work article a {
    color: white;
    font-size: 8.626rem;
    text-align: left;
    line-height: 1.16;
    /* margin-bottom: 0rem; */
    /* padding-bottom: 0rem; */
    -webkit-font-smoothing: antialiased;
}

.page-template-template-work article a:hover {
    /*text-decoration: underline;*/
}

.bottom-nav-direction a {
    color: white;
}

.prev-post:hover a {
    color: #999997 !important;
}

.break-mobile {
    display: none;
}

.hideme {
    opacity:0;
}

.hideme-half {
    opacity: 0;
}

.menu-padder {
    margin-top: 0em;
    padding: 0rem 3.75rem;
    /* display: flex; */
}

#frontpage-footer {
    position: relative;
    padding: 1.5em;
    z-index: 100;
}

#frontpage-footer a {
    /* color: #999; */
    font-size: 2.5rem;
    margin-right: 2rem;
}

.flex-cont {
    display: flex;
    /* margin-top: 3.5rem; */
    /* flex-direction: row; */
    flex: 40%;
    justify-content: center;
    align-items: center;
    padding: 10rem 0;
}


.work-text-left {
    /* display: flex; */
    flex: 70%;
    width: 90%;
    /*padding-left: 8%;*/
    /* padding-bottom: 20%; */
    max-width: 90%;
    /* font-size: 6rem; */
}

.work-text-right {
    display: flex;
    flex: 30%;
    flex-flow: row;
    justify-content: flex-end;
    /* flex-direction: column; */
}

.work-text-right button {
    margin-top: 2.1rem;
}


/* About text-fix */
@media (max-width:  1300px) {
    
    .nobreak-mobile {
        display: none;
    }
}

/* ipad and below */
@media (max-width:  768px) {

    article .work-image {
        background-position: center center;
        /* padding-right: 30%; */
        /* margin-right: 10%; */
        max-width: 100%;
        margin: auto;
        height: 60vh;
    }

    #return-button {
        margin: 2rem;
    }

    .work-text-left {
        /* display: flex; */
        flex: 70%;
        width: 100%;
        /*padding-left: 8%;*/
        /* padding-bottom: 20%; */
        max-width: 100%;
        /* font-size: 6rem; */
    }

    .flex-cont {
        margin-top: 6rem;
    }

    .nobreak-mobile {
        display: none;
    }
}