.blog-page{
    background:#000;
    color:#fff;
    padding-bottom:120px;
}

.blog-hero{
    text-align:center;
    padding:120px 40px;
}

.blog-hero h1{
    font-size:72px;
    font-weight:300;
    margin:0;
}

.blog-hero p{
    max-width:700px;
    margin:30px auto 0;
    color:#aaa;
    line-height:1.9;
}

.separator{
    width:60px;
    height:1px;
    background:#fff;
    margin:30px auto;
}

.blog-item{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:80px;

    max-width:1600px;
    margin:0 auto 120px;
    padding:0 80px;

    align-items:center;
}

.blog-item.reverse{
    grid-template-columns:1fr 2fr; 
}

.blog-item.reverse .blog-image{
    order:2;
}

.blog-item.reverse .blog-content{
    order:1;
}

.blog-image{
    height:650px;
}

.blog-cover{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.blog-content{
    display:flex;
    align-items:center;
}

.blog-content-inner{
    max-width:650px;
}

.blog-date{
    display:block;
    color:#999;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:12px;
    margin-bottom:20px;
}

.blog-content h2{
    margin:0;
    font-size:56px;
    font-weight:300;
    line-height:1.1;
}

.blog-content h2 a{
    color:#fff;
    text-decoration:none;
}

.blog-line{
    width:60px;
    height:1px;
    background:#fff;
    margin:35px 0;
}

.blog-content p{
    color:#bbb;
    line-height:2;
    font-size:18px;
}

.blog-read{
    display:inline-block;
    margin-top:30px;
    color:#fff;
    text-decoration:none;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:13px;
}

.blog-pagination{
    text-align:center;
    margin-top:80px;
}

.blog-pagination a,
.blog-pagination span{
    color:#fff;
    margin:0 8px;
    text-decoration:none;
}

.blog-pagination .current{
    border-bottom:1px solid #fff;
}

@media(max-width:1200px){

    .blog-item,
    .blog-item.reverse{
        grid-template-columns:1fr;
        gap:40px;
        padding:0 30px;
    }

    .blog-item.reverse .blog-image,
    .blog-item.reverse .blog-content{
        order:initial;
    }

    .blog-image{
        width: 100%;
    }

    .blog-content h2{
        font-size:40px;
    }
}


p#gallery-panel-desc

 {
    overflow-x: hidden;
    overflow-y: scroll;
}