.top_keeffe {
    background-color: #eae5e1;
    padding: 100px 0;
    position: relative;
    font-size: 16px;
    /*letter-spacing: 1px;*/
    /*line-height: 30px;*/
    }
.top_keeffe.top_Works{background: #98816f}
.top_keeffe .c4268{line-height: 30px;}
.top_keeffe_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    }
.top_keeffe_box.under{
    flex-direction: row-reverse;
    }

.top_keeffe_content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 650px;
    flex: 0 0 650px;
    width: 650px;
    margin-top: -3px;
    }
.top_keeffe_wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    margin-bottom: -8px;
    margin-left: 100px;
    margin-right: 100px;
    }
.top_keeffe_img img {
    width: 100%;
    height: auto;
    margin-bottom: 4px;
    }
.top_keeffe_img02 img{
    width: calc(50% - 2px)!important;
    margin-left: 2px;
    }
.top_keeffe_img02 img:first-child{
    width: calc(50% - 2px)!important;
    margin-right: 2px;
    margin-left: 0;
    box-sizing: border-box;
    }



@media only screen and (max-width: 1100px) {
.top_keeffe_content {
    -ms-flex: 0 0 500px;
    flex: 0 0 500px;
    width: 500px;
    }    
}

@media only screen and (max-width: 780px) {
    .top_keeffe {
    padding-top: 40px;
    padding-bottom: 5px;
    }
    .top_keeffe_box {
    display: block;
    }
    .top_keeffe_content {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    }
    .top_keeffe_wrapper {
    position: unset;
    margin-bottom: 0;
    margin: 10px 5%;
    }
    .top_keeffe_img {
   margin: 10px 5%;
    }
    
}


@media only screen and (max-width: 480px) {
    .top_keeffe {
    padding-top: 40px;
    padding-bottom: 40px;
    }
    .top_keeffe_content {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 40px;
    }
    .top_keeffe_wrapper {
    margin-left: 0;
    }
    .top_keeffe_img {
    padding: 30px;
    }
}


/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
// parallax
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
.parallax {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0);
    -webkit-transition: 1500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: 1500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    }
.parallax--show {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }