.dm-width {
  width: 500px;
  margin: 0 auto;
}

.iphone-mockup {
  position: relative;
  z-index: 5;
}

.dm-device {
   position: relative;
   width: 100%;
   padding-bottom: 131.477897%;
   margin-bottom: 0;
}

.device {
 position: absolute;
 top: 50%;
 bottom: 0;
 left: 50%;
 right: 0;
 width: 100%;
 height: 100%;
 -webkit-background-size: 100% 100%;
 background-repeat: no-repeat;
 background-image: url(../image/apple-iphone_aivldo.png);
 background-size: cover;
 background-position: center center;
 transform: translate(-50%, -50%);
}

.screen {
  overflow: hidden;
  position: absolute;
  top: 18.1%;
  bottom: 20.6%;
  left: 25.49%;
  right: 28.4%;
  background-color: #E91E63;
}

.slider {
 height: 100%;
}
.slider .slider__item, .owl-wrapper-outer, .owl-wrapper, .owl-item {
 height: 100%;
}

.slider__item {
   font-size: 100px;
   color: rgba(255,255,255,0.7);
   display: flex;
   justify-content: center;
   align-items: center;
}

.slider__item--1 {
  background-color: #E91E63;
}
.slider__item--2 {
  background-color: #2196F3;
}
.slider__item--3 {
  background-color: #4CAF50;
}

.slider__item--4 {
 background-color: #FFC107;
}
.owl-pagination{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.owl-theme .owl-controls .owl-page span{
  background: #ffffff;
  border: 2px solid #f0ff61;
  box-shadow: 0px 0px 10px #000000b8;
}
.slider .slider__item img{
  width: 100%;
  height:100%;
  object-fit: cover;
}
header{
  background: beige;
  box-shadow: 2px 0px 12px #00000061;
}
footer{
  
  padding: 4px;
  background: beige;
  box-shadow: 2px 0px 12px #00000061;
}
@media screen and (max-width: 600px){
  .device {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 15px;
  }
  .dm-width{width: 100%;}
}