.block-bodymists-de-grid{display: block; position: relative; margin-bottom: 70px;}

.block-bodymists-de-grid .bodymists-de-grid-intro{margin: 50px auto; text-align: center;;}
.block-bodymists-de-grid .bodymists-de-grid-content{display: flex; align-items: center; width:100%;max-width:1440px;height:850px;margin:auto;background-position:center;background-repeat:no-repeat;background-size:cover; position: relative;}

.bodymists-de-grid-img{background-position:center;background-repeat:no-repeat;background-size:cover;}
.bodymists-de-grid-col01{display: flex; width: 33.33%; height: 100%;}
.bodymists-de-grid-col02{display: block; width: 66.66%; height: 100%; flex-wrap: wrap;}
.bodymists-de-grid-col02-top{display: flex; width: 100%; height: 50%;}
.bodymists-de-grid01{display: block; width: 33.33%; height: 100%;}
.bodymists-de-grid02{display: block; width: 50%; height: 100%;}
.bodymists-de-grid03{display: block; width: 50%; height: 100%;}
.bodymists-de-grid04{display: block; width: 100%; height: 50%;}

@media (max-width:2000px){
  .block-bodymists-de-grid .bodymists-de-grid-section-background,
    .block-bodymists-de-grid .bodymists-de-grid-content{max-height:100vh}
}

@media (max-width:1440px){

}

@media (max-width:767px){
  .block-bodymists-de-grid{margin-bottom:30px}
  .block-bodymists-de-grid .bodymists-de-grid-content{height:450px}

  .bodymists-de-grid-img{background-position:center;background-repeat:no-repeat;background-size:cover;}
  .bodymists-de-grid-col01{display: none;}
  .bodymists-de-grid-col02{display: block; width: 100%; height: 100%;}
  .bodymists-de-grid02,
    .bodymists-de-grid03{display: block; width: 50%; height: 100%;}
  .bodymists-de-grid04{display: block; width: 100%; height: 50%;}

}