html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
  section {
    padding-top: 4rem;
  }
}

@media (max-width: 768px) {
  section {
    padding-top: 4rem;
  }
}

.section-header {
  max-width: 800px;
}

.card-deck .card {
  min-width: 220px;
}

.image-with-shadow {
  max-width:100%;
  vertical-align:top;
  -webkit-box-shadow:0 3px 25px 0 rgba(22,22,22,.15);
  box-shadow:0 3px 25px 0 rgba(22,22,22,.15);
}

.purplestrong {
  color: purple;
  font-weight: 400;
}

.img-skewed {
    -webkit-perspective: 1500px;
    perspective: 1500px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.img-skewed-left {
    -webkit-perspective-origin: left center;
    perspective-origin: left center
}

.img-skewed-left .img-skewed-item {
    -webkit-transform: rotateY(-35deg) rotateX(15deg);
    transform: rotateY(-35deg) rotateX(15deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.img-skewed-right {
    -webkit-perspective-origin: right center;
    perspective-origin: right center
}

.img-skewed-right .img-skewed-item {
    -webkit-transform: rotateY(35deg) rotateX(15deg);
    transform: rotateY(35deg) rotateX(15deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.screenshot {
    border-radius: .625rem;
    box-shadow: 25px 60px 125px -25px rgba(80,102,144,.1),16px 40px 75px -40px rgba(0,0,0,.2);
}

.scrolling-wrapper {
    white-space: nowrap;
}

@media (min-width: 768px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.nav-link {
  font-size: 16px;
}

a.nav-link:link, a.nav-link:visited {
  color: #007bff !important;
}
a.nav-link:hover {
  color: #0056b3 !important;
  text-decoration: none !important;  
}
a.nav-link:focus, a.nav-link:active {
  color: #0056b3 !important;
}
a.nav-link.active {
  color: #0056b3 !important;
}

a.navbar-brand:link {
  color: #000;
}
a.navbar-brand:visited {
  color: #000;
}
a.navbar-brand:hover, a.navbar-brand:focus, a.navbar-brand:active {
  color: #000;
}

a.bordered:link {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
a.bordered:visited {
  text-decoration: none;
}
a.bordered:hover, a.bordered:focus, a.bordered:active {
  text-decoration: none;
}

.policy-text {
  padding-top: 0rem;
  margin-top: 0;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #aaa;
}

.table td, th {
  text-align: center;   
}

small {
  font-size: 70%;
}

.device {
    position: relative
}

.device>.img-fluid {
    position: relative
}

.device::before {
    content: "";
    background-color: #f9fbfd
}

.device-screen,.device::before {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover
}

.device-iphonex::before,.device-iphonex>.device-screen {
    top: 7.784431138%;
    left: 16.4021164%;
    width: 66.137566137%;
    height: 80.838323353%
}

.device-macbook::before,.device-macbook>.device-screen {
    top: 11.53846154%;
    left: 13.38709677%;
    width: 73.548387096%;
    height: 73.076923076%
}