.navbar-brand {
    background: #fef9f5;
    width: 180px;
    padding: 1.5rem 1.5rem;
}
.page-demo{
  background-color: rgb(255, 255, 255);
  border-radius: 9px;
  overflow: hidden;
  -webkit-box-shadow: 0px 14px 47px 0px rgba(28, 28, 28, 0.24);
  -moz-box-shadow: 0px 14px 47px 0px rgba(28, 28, 28, 0.24);
  box-shadow: 0px 14px 47px 0px rgba(28, 28, 28, 0.24);

  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.page-demo img{

  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.page-demo:hover img{
  transform: scale(1.1);

  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.inner-pages{
  text-align: center;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.inner-pages a{
  color: #fe8200;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.inner-pages a:hover{
    color: #333;
}
.inner-pages a:hover img{
  transform: translateY(-15px);
  -webkit-box-shadow: 0px 5px 20px 0px rgba(28, 28, 28, 0.24);
  -moz-box-shadow: 0px 5px 20px 0px rgba(28, 28, 28, 0.24);
  box-shadow: 0px 5px 20px 0px rgba(28, 28, 28, 0.24);
}
.inner-pages img{
  -webkit-box-shadow: 0px 14px 47px 0px rgba(28, 28, 28, 0.24);
  -moz-box-shadow: 0px 14px 47px 0px rgba(28, 28, 28, 0.24);
  box-shadow: 0px 14px 47px 0px rgba(28, 28, 28, 0.24);

  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.inner-pages h5{
  margin-top: 30px;
  font-size: 1rem;
}
.mackbook {
  position: relative; 
  bottom: -250px;
}

.bg-overlay + .demo-wrap {
    position: relative;
    z-index: 99;
}
@media (max-width: 991px) {
  .demo-wrap {
      padding: 0 !important;
      margin: 0 !important;
  }
  .container-fluid.px-5{ padding: 0 15px !important; }
  .mackbook {
    position: relative; 
    bottom: -50px;
  }
  .mobile-100{
      padding-bottom: 0;
  }
}