body,html{
    
    width:100%;
    height:100%;
    margin: 0 auto;
}

.main-container{
  width:100%;
  height:100%;
  background-color: #fff;
  cursor:pointer;
  position:absolute;
}
.mainWrapper{
width: 100%;
height: calc(100% - 35px);
z-index: 999;
position: absolute;
overflow: hidden;
bottom: 0;
left:0%;
}
.left_container{
  width:60%;
  height:100%;
  left:0;
  overflow:hidden;
  position:absolute;
}
.right_container{
  width:40%;
  height:100%;
  right:0;
  position:absolute;
}
.white-part{
  background-color: #fff;
  width: 100%; 
  height: 100%;
  position:absolute;
  top:0;
}
.img1{
  background: url('images/image1.jpg') no-repeat;
  width:100%;
  height:100%;
  background-size: auto 100%;
  background-position: 85%;
  position: absolute;
  top: 0;
}
.img2{
    background: url(images/image2.jpg) no-repeat;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: center;
    position: absolute;
    top: 0;
}
.property{
  width:40%;
  height:auto;
  bottom:2%;
  left: 50%;
  transform: translateX(-50%);
  position:absolute;
}
.property img{
  width:100%;
}
.logo{
    width: 40%;
    position: absolute;
    height: auto;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
}
.logo img{
  width:100%;
}
.return_txt{
  width:50%;
  height:auto;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position:absolute;
}
.return_txt img{
  width:100%;
}
.rediscover_txt{
  width:50%;
  height:auto;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position:absolute;
}
.rediscover_txt img{
  width:100%;
}
.cta{
  width: 25%;
  height: auto;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  position:absolute;
}
.cta img{
  width:100%;
}
.close {
  width: 70px;
  height: 70px;
  top: 0%;
  right: 0%;
  z-index: 99999!important;
  cursor: pointer;
  position:absolute;
}
.close img{
  width:100%;
  position: absolute;
  top: 5px;
  right: 5px;
}



@media only screen and (orientation: portrait){
    .mainWrapper{
width: 100%;
height:100%;
z-index: 999;
position: absolute;
overflow: hidden;
bottom: 0;
left:0%;
}
  
.left_container{
  width:100%;
  height:50%;
  bottom:0;
  overflow:hidden;
}
.right_container{
  width:100%;
  height:50%;
  top:0;
  overflow:hidden;
}
.logo{
  width:30%;
}
.return_txt,.rediscover_txt{
  width:63%;
  top: 50%;
}
.cta{
  width: 25%;
  top: 83%;
}
.property{
        width:60%;
    }
}


@media only screen and (max-width: 1024px) and (orientation: landscape) {
.mainWrapper{
width: 100%;
height:100%;
z-index: 999;
position: absolute;
overflow: hidden;
bottom: 0;
left:0%;
}
.return_txt{
  width:70%;
 }
.rediscover_txt{
  width:77%;
 }
    
.cta{
  width: 35%;
}
.property{
        width:60%;
    }
}