@media (max-width: 767px) {
        .hidden-mobile {
          display: none;
        }
      }

@media only screen and (min-width: 960px) {
.hidedesktop{display:none;}
}

.dm-width {
   width: 350px;
   margin: 75px;
   margin-top:20px;
}

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

.dm-device {
    position: relative;
    width: 126%;
    padding-bottom:203.477897%;
    margin-bottom: 20px;
}

.device {
  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: 100% 100%;
    
    background-repeat: no-repeat;
          background-image: url(img/webscreen7.png); 
              background-size: cover;
    background-position: center center;
}
img {max-width:150%;} 
img { 
  object-fit: contain;
}
.screen {
   overflow: hidden;
    position: absolute;
    top: 17.1%;
    bottom: 32.6%;
    left: 31.49%;
    right: 22.4%;
   
}

.slider {
  height: 100%;
}
.slider div {
  height: 106%;
    padding: 0px 0px 0px 0px;
}

.slider__item {
    font-size: 100px;
    color: rgba(255,255,255,0.7);
    display: flex;
    
    
 flex-flow: row nowrap;
}