@charset "UTF-8";.nav-item_2 .nav-button {    color:rgba(248,99,69,1);}.hero-overlay {    height:100vh;    position:absolute;    bottom:-100%;    margin-bottom:100px;    background-image:url(../img/pub_hero_overlay.png);    background-size:100%;    background-position:center top;    background-repeat:repeat-y;    background-attachment:scroll;    -webkit-transition:all 3s ease;       -moz-transition:all 3s ease;         -o-transition:all 3s ease;            transition:all 3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:3s;    -webkit-transition-timing-function:ease;}.hero-overlay.scroll {    bottom:0;    margin-bottom:0;}.padding {    width:100%;    height:10px;}.block_1 {    width:30%;    height:auto;    position:absolute;    top:300px;    bottom:20px;    left:20px;    right:20px;    background-image:url(../img/chap-book.png);    background-size:contain;    background-repeat:no-repeat;}.block_2 {    width:30%;    height:auto;    position:absolute;    top:300px;    bottom:20px;    right:0;    background-image:url(../img/pad.png);    background-size:contain;    background-repeat:no-repeat;}    /**PUBLISHED********************************************************/.published-works-wrap {    width:100%;}.published-works-list {    position:relative;    width:98vw;    margin:1vw auto;}.published-works-list:after {    visibility:hidden;    display:block;    content:"";    clear:both;    height:0;}.grid-item:last-child {}.grid-item {    width:19.6vw;    height:19.6vw;    float:left;    padding:0;    margin:0;    background-color:#313131;    background-image:url(../img/stripes2.png);    background-size:8px;    border:2px solid white;       -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;            box-sizing:border-box;    -webkit-transition:all 0.3s ease;       -moz-transition:all 0.3s ease;         -o-transition:all 0.3s ease;            transition:all 0.3s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.3s;    -webkit-transition-timing-function:ease;}    .grid-item:hover {    background-color:#f86345;    color:#f86345;}.published-item {    width:19.6vw;    height:19.6vw;    text-align:center;}.item-inner {    width:100%;    height:100%;    padding:10px;    color:#313131;    border:1px solid #313131;       -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;            box-sizing:border-box;}        .item-inner:hover {    color:#f86345;}   .item-border {    width:100%;    height:100%;    background:white;    border:1px solid #313131;       -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;            box-sizing:border-box;    display:-webkit-box;    display:   -moz-box;    display:-ms-flexbox;    display:-webkit-flex;    display:        flex;    -webkit-flex-direction:column;            flex-direction:column;    -webkit-justify-content:center;            justify-content:center;}.item-padding {    width:auto;    height:auto;    padding:10px;}    .item-text-wrap {    width:100%;    height:100%;}h4.item-title {    margin:5px auto;    font-family:"Sorts Mill Goudy";    font-size:16px;    letter-spacing:1px;}h4.publisher {    margin:5px auto;    font-family:"Sorts Mill Goudy";    font-size:13px;    letter-spacing:1px;    text-transform:uppercase;}h4.issue {    margin:5px auto;    font-family:"Sorts Mill Goudy";    font-size:13px;}    @media (min-width: 320px) and (max-width: 480px) {    .hero-overlay {        margin-bottom:40px;    }        .grid-item {        width:49vw;        height:49vw;    }    .published-item {        width:49vw;        height:49vw;    }    .item-padding {        padding:5px;    }    h4.item-title {        margin:3px auto;        font-size:1.2em;        line-height:1.1em;    }    h4.publisher {        margin:3px auto;        font-size:1em;        line-height:1.2em;    }    h4.issue {        margin:3px auto;        font-size:1em;        line-height:1.2em;    }}@media (min-width: 481px) and (max-width: 568px) {    .hero-overlay {        margin-bottom:70px;    }    .grid-item {        width:32.6vw;        height:32.6vw;    }    .published-item {        width:32.6vw;        height:32.6vw;    }    .item-padding {        padding:5px;    }    h4.item-title {        margin:3px auto;        font-size:1.4em;    }    h4.publisher {        margin:3px auto;        font-size:1.1em;    }    h4.issue {        margin:3px auto;        font-size:1.1em;    }}@media (min-width: 569px) and (max-width: 736px) {    .hero-overlay {        margin-bottom:80px;    }    .grid-item {        width:32.6vw;        height:32.6vw;    }    .published-item {        width:32.6vw;        height:32.6vw;    }    .item-padding {        padding:5px;    }    h4.item-title {        margin:4px auto;        font-size:1.5em;    }    h4.publisher {        margin:4px auto;        font-size:1.2em;    }    h4.issue {        margin:4px auto;        font-size:1.2em;    }}@media (min-width: 737px) and (max-width: 1024px) {    .hero-overlay {        margin-bottom:90px;    }    .grid-item {        width:24.5vw;        height:24.5vw;    }    .published-item {        width:24.5vw;        height:24.5vw;    }    .item-padding {        padding:5px;    }    h4.item-title {        margin:5px auto;        font-size:1.5em;    }    h4.publisher {        margin:5px auto;        font-size:1.2em;    }    h4.issue {        margin:5px auto;        font-size:1.2em;    }}