.appelation{font-size: calc(1vw + .8px);max-width: 100%;padding-top:6em;}
.inner{display: flex;max-width: 90vw;margin: auto;justify-content: space-between;flex-wrap: wrap;}
.inner .right{flex: 0 0 42.5%;max-width: 42.5%;overflow: hidden;;}
.inner .left{flex: 0 0 57.5%;top: -7vw;}
.inner .left img{width: 100%;}
h1{font-size: 4em;color: #DBC87D;line-height: .8;}
.top-text p{
    font-size: 1.1em;
}
.gallery{padding: 2em  0;position: relative;flex: 0 0 47.5%;max-width: 47.5%;top: -27vw;}
.gallery .gbox{overflow: hidden;padding-bottom: 4rem;}
.gallery h2{font-weight: bold;font-size: 1.5em;line-height: 1;color: #DBC87D;margin: 1em 0;}
.gallery .splide__slide {margin:0 1rem;text-align: center;}
.gallery .splide__slide img{height:10em;margin:0 1rem 2rem;}
.splide__pagination{bottom: -2em;}
.splide__pagination__page{width: 1em;height: 1em;opacity: 1;background: #fff;border: .1rem solid #DBC87D;}
.splide__pagination__page.is-active{transform: none;background: #DBC87D;}
.page-id-9437 .gallery{
        top: -20vw;

}
.page-id-9437 .inner .left{
    right: -2vw;
}

@media(max-width: 1000px){
    .appelation{font-size: 4.4vw;}
    .inner{flex-direction: column;}
    
    .inner .right,.inner .left{flex: 0 0 auto;}
    .inner .left{margin: 1em 0;order: 0;}
    .heainnerd .left img{height: 11.5em;}
    .top-text{margin: 2em 0;}
    .top-text p {
        font-size: 1.3em;
    }
    .gallery{flex-wrap: wrap;padding: 2em 0;order: 2;flex:0 0 auto;max-width: 100%;top: auto;}
    .gallery .gbox{margin-top: 4em;padding-bottom: 2em;}
    .gallery .splide{max-width: 100%;}
    .gallery .splide__slide img{max-width: 100%;margin: 0 0 2rem;}
    .gallery .splide__slide{margin:0 1rem;}
    .inner .right{max-width: 100%;order: 1;}
}