div.jumbotron {
  background-image: url(https://dealpos-media.b-cdn.net/umbraco/tour/dealpos_tour_extra_large.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  @media (max-width: 576px) {
    background-position: center;
  }
}

main {
  div.jumbotron {
    height: 588px;
  }

  div.features {
    i {
      display: inline-block;
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100%;
    }

    i.invctrl {
      background-image: url(https://dealpos-media.b-cdn.net/umbraco/tour/invctrl.png);
    }

    i.creditsales {
      background-image: url(https://dealpos-media.b-cdn.net/umbraco/tour/creditsales.png);
    }

    i.multioutlet {
      background-image: url(https://dealpos-media.b-cdn.net/umbraco/tour/multioutlet.png);
    }

    i.employeeshift {
      background-image: url(https://dealpos-media.b-cdn.net/umbraco/tour/employeeshift.png);
    }

    i.stockopname {
      background-image: url(https://dealpos-media.b-cdn.net/umbraco/tour/stockopname.png);
    }

    i.printbarcode {
      background-image: url(https://dealpos-media.b-cdn.net/umbraco/tour/printbarcode.png);
    }
  }
}

div.serverfeature i {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 41px;
  height: 27px;
  background-repeat: no-repeat;
}

i.securedata {
  background-image: url(https://dealpos-media.b-cdn.net/umbraco/tour/server_feature.png);
  background-position: 0 0;
}
i.uptime {
  background-image: url(https://dealpos-media.b-cdn.net/umbraco/tour/server_feature.png);
  background-position: -41px 0;
}

i.fa-solidtdelivery {
  background-image: url(https://dealpos-media.b-cdn.net/umbraco/tour/server_feature.png);
  background-position: -82px 0;
}

.offline-mobile {
  height: 100%;
  width: auto;
}

.mobile_app {
  margin: 25px 0 0 0;
  padding: 0;
  background-image: url(https://dealpos-media.b-cdn.net/umbraco/home/home_platform.png);
  background-position: 148px 53px;
  width: 147px;
  height: 54px;
  display: block;
}

p.h4 {
  line-height: 1.5;
}
p.h5 {
  line-height: 1.5;
}

p.h6 {
  line-height: 1.8;
}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) {
    main{
  .offline-mobile {
    margin: auto;
    height: auto;
    width: 100%;
  }

}
}

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {


  main{
    div.jumbotron {
        height: 387px;
      }

      div.feature i {
        float: none;
        margin-left: 0;
      }
      div.serverfeature i {
        float: none;
        margin-left: 0;
      }
      .mainheader {
        height: 25rem;
      }
    

  }
}