.page-ctn{
    margin-top: calc(40rem / 16);
    width: 100%;
    padding-bottom: calc(36rem / 16);
    background-color: #dfdfdf;
}

@keyframes contentIn {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        transform: none;
        opacity: 1;
    }
}

.news-cover{
    width: 100%;
    height: calc(512rem / 16);
    position: relative;
    z-index: 200;
    overflow: hidden;
}

.news-cover img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.08);
    opacity: 0;
    animation: contentIn 3s .6s linear forwards;
}

.news-content{
    position: relative;
    z-index: 220;
    margin: calc(-256rem / 16) auto 0;
    width: calc(46.875vw + 390px);
    background-color: white;
    /*
        1920 220
        960 30
        960k = 190
        k = .1979166
    */
    padding: calc(44rem / 16) calc(19.79167vw - 160px) 5rem;
    color: #4d4d4d;
    opacity: 0;
    transform: translateY(5rem);
    animation: contentIn 1s .8s cubic-bezier(.6, 0, .4, 1) forwards;
}

.news-content p{
    line-height: calc(26rem / 16);
    letter-spacing: .08em;
    min-height: calc(26rem / 16);
    margin-top: 0;
    margin-bottom: 0;
}

.news-content h1{
    color: #80634b;
    font-size: calc(36rem / 16);
    line-height: calc(61.58rem / 16);
    letter-spacing: .1em;
    font-weight: lighter;
    text-align: center;
    margin-top: .83em;
    margin-bottom: .83em;
}

.news-content img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.share-ctn{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 2rem;
}

.share-ctn span{
    margin-right: .2em;
}

.share-ctn a{
    padding: calc(3.5rem / 16);
    flex: 0 0 auto;
}

.share-ctn img{
    width: auto;
    height: calc(34rem / 16);
    display: block;
}
.back-ctn{
    display: flex;
    justify-content: center;
    margin-top: 4rem;
}
.btn-back{
    font-size: calc(14rem / 16);
    color: #9b6746;
    letter-spacing: .4em;
    line-height: calc(24rem / 16);
    padding: calc(9rem / 16) calc(36rem / 16);
    border: 1px solid #e4e4e4;
    flex: 0 0 auto;
    display: block;
    transition: .2s;
}

.btn-back:hover{
    color: white;
    border-color: #9b6746;
    background-color: #9b6746;
}

.site-footer{
    background-color: #dfdfdf;
    margin-top: -1px;
}